Accessing specific array element in an Angular2 Template
<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>