@ng-select addTag，添加新标签后如何验证？答案

【问题标题】：@ng-select addTag, how to validate after add the new tag?@ng-select addTag，添加新标签后如何验证？
【发布时间】：2018-10-12 13:22:16
【问题描述】：

我正在使用@ng-select/ng-select

html 文件

<ng-select [items]="_Customers"
           [addTag]="addTagPromise"
           [bindLabel]="'name'"
           [(ngModel)]="selectedCustomer">
</ng-select>

addTag 正在工作，但 addTagPromise 函数 在已定义的值内无法访问

ts 文件

  _Customers: any[] = [];
  companies = ['company one', 'company Two', 'company three'];
  selectedCustomer;

  ngOnInit() {
     this.companies.forEach((c, i) => {
         this._Customers.push({ id: i, name: c });
     });
  }

  addTagPromise(name) {
    console.log(this._Customers);
     return new Promise((resolve) => {
        setTimeout(() => {
            resolve({ id: 5, name: name, valid: true });
         }, 1000);
     })
  }

打印的日志未定义

如何访问 addTagPromise 函数内部已经定义的值？

【问题讨论】：

标签： angular typescript angular-ngselect

【解决方案1】：

抱歉，如果我迟到了，但问题是由如何处理“this”的绑定引起的。因为你只是你的类中声明的方法，所以这是隐含的（对不起，我不知道它是如何处理的）所以最好的方法是将你的方法更改为

  addTagPromise: (value: any): Promise<any>;
  ngOnInit() {
     ...
     this.addTagPromise = ()=>{
       //Code the function here 
     }

  }

这样做会使你的函数的 this 被绑定，因为箭头函数会自动绑定你的 this。

再次抱歉，回复晚了！

【讨论】：