title: Pass ng-template From A Component To ng-select Inside Another Component
body: <p>I'm trying to pass an ng-template from my main component into an ng-select inside another component. How can i do so?</p>
  
  <p>Already tried to use ng-content or a template reference but it is still not working.</p>
  
  <p>What i am trying to achieve is exactly the same as the ng-select custom template example, except that the ng-template is provided from another component. So intead of this:</p>
  
  <pre><code>&lt;ng-select [items]="cities" [(ngModel)]="selectedCity" bindLabel="name" bindValue="name"&gt;
      &lt;ng-template ng-label-tmp let-item="item"&gt;
          &lt;img height="15" width="15" [src]="item.avatar"/&gt;
          {{item.name}}
      &lt;/ng-template&gt;
  &lt;/ng-select&gt;
  </code></pre>
  
  <p>I'm trying to achieve something similar to this:</p>
  
  <p><strong>select-custom.component.html</strong></p>
  
  <pre><code>&lt;ng-select [items]="cities" [(ngModel)]="selectedCity" bindLabel="name" bindValue="name"&gt;
      &lt;ng-content&gt;&lt;/ng-content&gt; --&gt; this is not working, templateref also not working
  &lt;/ng-select&gt;
  </code></pre>
  
  <p><strong>app.component.html</strong></p>
  
  <pre><code>&lt;app-select-custom&gt;
      &lt;ng-template ng-label-tmp let-item="item"&gt;
          &lt;img height="15" width="15" [src]="item.avatar"/&gt;
          {{item.name}}
      &lt;/ng-template&gt;
  &lt;/app-select-custom&gt;
  </code></pre>