角6：[(NgModel)]=“变量”与ngModel=“{变量}”

Question

Udemy角6视频，我正在看的节目，使用第一个语法。但是，我使用WebStorm作为我的IDE，当我使用[(ngModel)]="variable"语法时，它没有给出任何类型的预测文本/建议。

如果我只输入ng，它将给我所有的角ng属性。如果我选择ngModel，它将代码格式化为ngModel="{{ variable }}"。

无论使用哪种方法，代码都会产生相同的结果。

所以我想知道一种方法在技术上是正确的吗？我不明白为什么视频显示要使用[()]方法，但是WebStorm希望我使用另一个ngModel="{{ }}"方法。

Answer 1

有区别，[]意味着单向数据绑定，自顶向下.[()]的意思是双向数据绑定.

另一方面，[ngModel]="field"等同于ngModel="{{field}}"。

此外，[(thing)]="field"是一个盒子语法糖香蕉。它是[thing]="field"和(thingChange)="field = $event"的结合。thingChange这里是一个EventEmitter。