角度<popover-content>を動的に作成するにはどうすればよいですか？

私はいくつかの角度を動的に作成しようとしています。静的に作成された作品。例えば、。角度<popover-content>を動的に作成するにはどうすればよいですか？

<div> 
    <popover-content #pop1 
        title="Hello" 
        placement="right" 
        [closeOnClickOutside]="true"> 
      Popup One 
    </popover-content> 

    <popover-content #pop2 
        title="Hello" 
        placement="right" 
        [closeOnClickOutside]="true"> 
      Popup Two 
    </popover-content> 

    Testing this <span [popover]="pop1" [popoverOnHover]="true">Pop1</span>. 
    Testing this <span [popover]="pop2" [popoverOnHover]="true">Pop2</span>. 
</div>

ここで、これらのデータを自分のデータから動的に作成したいと考えています。しかし、この＃pop1 /＃pop2のものではうまくいきません。

非稼働コード：だから

<div> 
     <popover-content *ngFor="let p of allPops; let index = index" 
         #pop{{index}} 
         title="Hello" 
         placement="right" 
         [closeOnClickOutside]="true"> 
       {{p.message}} 
     </popover-content> 

     Testing this <span [popover]="pop1" [popoverOnHover]="true">Pop1</span>. 
     Testing this <span [popover]="pop2" [popoverOnHover]="true">Pop2</span>. 
    </div>

、この#pop{{index}}は動作しません。私はまた、次のスタイル[attr.id]="'#pop' + index"で試しました。あまりにも動作しません。カスタムタグの内側には何が特別なのでしょうか？どうすれば動的に作成して動作させることができますか？

出典

2017-10-23 Sujoy