angular - 属性值绑定(bind) : square brackets vs curly brackets

Question

我已经下载了适用于 Node 的 Angular CLI 6.0.7 并且正在使用它，按照教程等学习尽可能多的知识。

我有一个问题是数据绑定(bind)。好像我想绑定(bind)组件成员变量的值，比如 title , 对于输入的值，我有两个选择:双花括号或方括号。这两种形式:

<input [value]="title" type="text" />

<input value="{{title}}" type="text" />

这两种方法之间有什么区别，还是只是风格偏好？如果存在功能差异，在哪些情况下首选哪个？

提前致谢!

编辑 我知道花括号表示字符串插值，结果是一个字符串，而方括号表示属性绑定(bind)，可以使用任何数据类型。但我不明白的是，这两件事什么时候在功能上有所不同？什么时候 DOM 元素的属性包含一个不等同于其字符串化版本的值，甚至如何正确访问这样的属性值？

Answer 1

它们可能看起来相同，但是 {{ }} 会将输入转换为字符串。但是，如果您想输入数字或对象，则必须使用 [ ]。

我为相同的 here 添加了一个 stackblitz 表示