如何解决在 ng-select 中使用 addTag 时如何调用函数
我在 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>
解决方法
尝试这样做
addNewCompany = (term:string) =>{
console.log(term);
this.selected=term;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。