javascript - 插值和属性绑定(bind)之间的区别

Question

我有一个组件，它定义了一个 imageUrl 属性，在我的模板中，我使用这个属性来设置图像的 url。我试过使用插值和使用属性绑定(bind)，两者都有效，但我找不到两者之间的任何差异，或者何时使用一个而不是另一个。有谁知道区别吗？

<img [src]='imageUrl' >

<img src= {{ imageUrl }} >

Answer 1

Angular evaluates all expressions in double curly braces, converts the expression results to strings, and concatenates them with neighboring literal strings. Finally, it assigns this composite interpolated result to an element or directive/component property. -- from https://angular.io/docs/ts/latest/guide/template-syntax.html#!#interpolation

属性绑定(bind)不会将表达式结果转换为字符串。

因此，如果您需要将字符串以外的内容绑定(bind)到您的指令/组件属性，则必须使用属性绑定(bind)。