【问题标题】:How to call a function when addTag is used in ng-selectng-select中使用addTag时如何调用函数
【发布时间】:2021-04-25 19:01:49
【问题描述】:

我在 Angular 中使用 ng-select 来加载列表。当搜索该项目是否不可用时,我使用 addTag 将项目添加到数组中。但是该值未设置为 ng-select ,该函数也被调用但无法关闭添加标签条。下面是代码

items = [
  {id: 1, name: 'Python'},
  {id: 2, name: 'Node Js'},
  {id: 3, name: 'Java'},
  {id: 4, name: 'PHP', disabled: true},
  {id: 5, name: 'Django'},
  {id: 6, name: 'Angular'},
  {id: 7, name: 'Vue'},
  {id: 8, name: 'ReactJs'},
  
];

addNewCompany(term:string){
  console.log(term);
  this.selected=term;
 
}

下面是html代码。如文档中所述,我已在 addTag 属性中调用该函数。但它没有将值绑定到输入框。

<div class="form-group col-md-6 mt-2"> 
                <label for="company_name" class="modal_class ml-2"><i
                        class="uil uil-phone mr-2"></i>Company Name</label>
                        <ng-select [items]="items"
                        bindLabel="name"
                        placeholder="Select item"
                        appendTo="body"
                        [(ngModel)]="selected"
                        [addTag]="addNewCompany"
                        addTagText="Add Company"
                        [closeOnSelect]="true"
                        class="form-control form-control-select validate_input"
                        >
                       </ng-select>
              </div>

【问题讨论】:

标签: angular binding tags angular-ngselect


【解决方案1】:

尝试这样做

addNewCompany = (term:string) =>{
   console.log(term);
   this.selected=term;
     
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-28
    • 1970-01-01
    • 1970-01-01
    • 2018-07-11
    • 2015-02-27
    • 1970-01-01
    相关资源
    最近更新 更多