角度2のng2タグ入力ドロップダウンにボタンを追加するにはどうすればいいですか？

Question

私のドロップダウンにng2-tag-inputを使用してカスタムテンプレートを作成しようとしています。私は参考としてこれを使用します：this link。私は観測可能なオブジェクトの配列を取得し、ドロップダウンに値を設定しました。ここで

私の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> 

私は成功した私のカスタムテンプレートを取得することができるが、私もさらに低下とともに、二つのボタンを表示する必要があります下の値はthe custom template repeats and at the end, there are these 2 buttons I needです。私はAngular2を初めて使ったので、それらを追加する方法はわかりません。どんな助けもありがとう。

Answer 1

<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> 
    <button>Cancel</button> 
    <button>Send</button> 
</tag-input> 

上記のコードはあなたのためには機能しませんか？