title: Dynamic template reference variable inside ngFor (Angular 9)
body: <p>How to declare a <strong>dynamic</strong> <em>template reference variable</em> inside a <code>ngFor</code> element?</p>
  <p>I want to use the popover component from ng-bootstrap, the popover code (with Html binding) is as shown:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;ng-template #popContent&gt;Hello, &lt;b&gt;{{name}}&lt;/b&gt;!&lt;/ng-template&gt;
  &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; [ngbPopover]=&quot;popContent&quot; popoverTitle=&quot;Fancy content&quot;&gt;
      I've got markup and bindings in my popover!
  &lt;/button&gt;
  </code></pre>
  <p>How can I <strong>wrap</strong> those elements inside <code>ngFor</code>?</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div *ngFor=&quot;let member of members&quot;&gt;
      &lt;!-- how to declare the '????' --&gt;
      &lt;ng-template #????&gt;Hello, &lt;b&gt;{{member.name}}&lt;/b&gt;!&lt;/ng-template&gt;
          &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; [ngbPopover]=&quot;????&quot; popoverTitle=&quot;Fancy content&quot;&gt;
          I've got markup and bindings in my popover!
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Hmmm... any idea?</p>