如何使用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