ドロップダウンに ng2-tag-input を使用してカスタム テンプレートを作成しようとしています。これを参照として使用します:このリンク. オブザーバブルを使用してオブジェクト配列を取得し、ドロップダウンに入力しました。
これが私のhtmlコードです(ボタンはまだありません):
<div class="users-container">
<tag-input [ngModel]="[]" [style.width]="100" theme="bootstrap" [onlyFromAutocomplete]="false" addOnBlur="true" addOnEnter="true" addOnSpace="true">
<tag-input-dropdown [showDropdownIfEmpty]="true" [autocompleteObservable]='autocompleteItems$' [identifyBy]="'id'" [displayBy]="'name'">
<!--custom template-->
<ng-template let-item="item" let-index="index">
<div class="float-left">
<img class="user-image" src="{{item.photo}}" alt="user-image">
</div>
<div class="float-right">
<span class="name">{{item.name}}</span>
<span class="name">{{item.lname}}</span>
<p>( {{item.dept}} )</p>
</div>
<div class="clear"></div>
</ng-template>
</tag-input-dropdown>
</tag-input>
カスタム テンプレートを正常に取得できましたが、次のようにドロップダウン値とともに 2 つのボタンを追加で表示する必要もあります。カスタム テンプレートが繰り返され、最後に必要な 2 つのボタンがあります。私はAngular2が初めてなので、それらを追加する方法がわかりません。どんな助けでも大歓迎です。