在标签输入中更新时ngModel不起作用

Question

使用ngModel进行双向数据绑定在标记输入中不起作用。可以帮忙吗？

https://stackblitz.com/edit/angular-9muqcy?file=src%2Fapp%2Fapp.component.html

Answer 1

只需更改此：

hai(){
console.log(this.hi)
}

对此：

hai(){
console.log(this.Myarray)
}

检查此链接：https://stackblitz.com/edit/angular-czsxvq

Answer 2

您正尝试在ngModel变量为hi时显示Myarray

Answer 3

新编辑-

hai(){
   let currItem = this.Myarray[this.Myarray.length-1]['value'];
   this.Myarray.splice(this.Myarray.length-1);
   this.Myarray.push(currItem);
   console.log(this.Myarray)
  }

您收到此错误，因为未定义'hi'，而只是声明了它。这篇文章是一个很好的解释。

What's the difference between variable definition and declaration in JavaScript?

您需要编辑hai函数。

hai(){ console.log(this.Myarray) }

还要添加

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports:      [ BrowserModule, FormsModule, TagInputModule,BrowserAnimationsModule ],