如何使用NG2標籤的輸入與自動完成下拉爲對象

的數據的陣列，用於在自動完成表示下拉：如何使用NG2標籤的輸入與自動完成下拉爲對象

users = [{"user_id":0,"name":"name1"}, 
     {"user_id":1,"name":"name2"}, 
     {"user_id":2,"name":"name3"}];

表示ng2-tag-input

<tag-input [ngModel]="selectedUsers" [onlyFromAutocomplete]="true"> 
    <tag-input-dropdown [showDropdownIfEmpty]="true" [autocompleteItems]="users" [identifyBy]="'user_id'" [displayBy]="'name'"> 
    </tag-input-dropdown> 
</tag-input>

的該UI模板代碼Modal Dialog的UI模板爲： -

<div bsModal #largeModal="bs-modal" [config]="{backdrop: 'static'}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg modal-primary" role="document"> 
     <div class="modal-content"> 

      <div class="modal-body"> 
       <div class="meeting-form m-xl-1"> 
        <div class="row"> 

         <div class="col-sm-6"> 
          <div class="form-group"> 
           <label for="name">Users</label> 
           <tag-input [(ngModel)]="selectedUsers" [onlyFromAutocomplete]="true"> 
            <tag-input-dropdown [showDropdownIfEmpty]="true" [autocompleteItems]="users" [identifyBy]="'user_id'" [displayBy]="'name'"> 
            </tag-input-dropdown> 
           </tag-input> 
          </div> 
         </div> 

        </div> 
       </div> 
      </div> 

     </div> 
     <!-- /.modal-content --> 
    </div> 
    <!-- /.modal-dialog --> 
</div>

在上面的模式對話框ng2-tag-input不起作用。

來源

2017-06-18 hiteshgupta9193

您是否獲得與當前代碼的任何錯誤？ –

是的，我想在模態對話框中使用它。每當我點擊輸入框，它都會顯示任何下拉菜單。如果我把它放在組件HTML中，那麼它只會第一次顯示下拉菜單。 – hiteshgupta9193

你能否澄清一下你想要達到的問題和結果？ – Abrar