2种显示数据在角2中的差异

Question

我有一些Angular2代码：

<img [src]="value">

和

<img src="{{value}}">

注意：值是一个属性组件。

我测试了自己，结果是一样的，那么他们之间有什么区别呢？

Answer 1

1) 注意到：不要在一起使用""和{{}}，否则值将被压缩。

src="{{value}}" 

value永远是stringified.

​

2)

​

在这里，value是一个expression，它将为property binding.计算

准确地说，[src]是property binding的angular2方式语法。

 <img [src]="value">

因此，它将将value's计算值绑定到src property.。

Answer 2

它们都是属性绑定，

插值

<img src="{{value}}">

只是糖

<img [src]="interpolate(value)">

因此，这些表达式的不同之处在于，插值 src="{{value}}"中的值总是字符串化的，而基本属性绑定[src]="value"的值则按原样传递。

另请参阅

• ？
• 角2模板语法