Access nth child of ViewChildren Querylist (Angular) : <p>I'm trying to access the nth child of a viewchildren querylist.</p>

<p>Below is my TS:</p>

<pre><code>@ViewChildren(PopoverDirective) popovers: QueryList&lt;PopoverDirective&gt;;
console.log(this.popovers)
</code></pre>

<p>The console.log shows changes, first, last, length and _results.</p>

<p>How can I access the nth child (i.e., 3rd, instead of first)?</p>

<p>When I try to do this with _results (i.e., this.popovers._results[2]), I get an error.</p>

<p>Thank you.</p>
