Angular 角度6:[（ngModel）]="；变量"；与ngModel的对比="；{{variable}}"；

我正在观看的UdeMyAngular 6视频显示使用第一种语法。然而，我使用WebStorm作为我的IDE，当我使用

[（ngModel）]=“variable”

语法时，它不会给出任何类型的预测性文本/建议

如果我只是键入

ng

，它将给出所有角度

ng

属性。如果我选择

ngModel

它将代码格式化为

ngModel=“{{variable}}”

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

---

所以我想知道一种方法在技术上比另一种方法正确吗？我不明白为什么视频显示要使用

[（）]

方法，但WebStorm希望我使用另一种

ngModel=“{}}”

方法。

有区别，

[]

意味着自上而下的单向数据绑定<代码>[（）]表示双向数据绑定

另一方面，

[ngModel]=“field”

相当于

ngModel=“{{field}}”

此外，

[（thing）]=“field”

是一个盒子里的香蕉。

---

它是

[thing]=“field”

和

（thingChange）=“field=$event”

的组合

thingChange

这里有一个选项。

第一个选项提供双向绑定，第二个选项不提供。如果使用第二种类型绑定到输入，您将看到它实际上并没有更新variable@user184994啊，现在我明白了区别。非常感谢。你也可以做出回答。如果你愿意，你可以玩一玩，看看行动上的不同like@user184994你应该把这篇文章作为对未来读者的回答。