2

ドロップダウンに 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が初めてなので、それらを追加する方法がわかりません。どんな助けでも大歓迎です。

4

1 に答える 1