title: Accessing specific array element in an Angular2 Template
body: <p>I have an array that I can loop through using <code>ng-for</code> syntax. However, ultimately I want to access just a single element of that array. I cannot figure out how to do that.</p>
  
  <p>In my component script I have</p>
  
  <pre><code>  export class TableComponent {
  
      elements: IElement[];
  
  }
  </code></pre>
  
  <p>In my template, I am able to loop through the elements via</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li *ngFor='let element of elements'&gt;{{element.name}}&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>However, trying to access an item in the element array by secifically referencing an item utilizing </p>
  
  <pre><code>  x {{elements[0].name}}x
  </code></pre>
  
  <p>does not seem to work.</p>
  
  <p>The formatting in the template is pretty explicit, so I want to be able to access each element of the array explicitly in the template.</p>
  
  <p>I am not understanding something basic....</p>