angular - ng2-auto-complete ngModel 不改变值

Question

我正在使用 ng2-auto-complete 模块。我有一个验证表单，并且想要在用户从查找数据中选择一个值(自动完成)时更改 ngModel 值。

我不想通过 valueChangedEvent 更改值，因为我多次使用此模块。我想将我的 ngModel 与自动完成值绑定(bind)。这怎么可能？

这不起作用:

<div ng2-auto-complete 
  [source]="getValue('country')"
  placeholder="enter text">
  <input [(ngModel)]="person.country" />
</div>

如果我选择一个值，person.country 不会改变。

提前致谢!

Answer 1

您可以尝试在输入事件上使用函数，如下所示:

<input [(ngModel)]="person.country" #myInput (input)="changeModel(myInput.value)"/>

// TS
changeModel(value: string) { this.person.country = value; }

或者您可以使用 OnChange 实现

export class MyClass implements OnChanges {
    // ...
    ngOnChanges(changes: SimpleChanges) { this.person.country = changes.allResults.currentValue; }
}