Angular 2中2种显示数据的区别

Question

我有一些Angular2代码：

<img [src]="value">

和

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

  

注意： 值 是属性组件

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

Answer 1

它们都是属性绑定

插值

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

只是糖的

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

因此，这些表达式之间的区别在于插值 src="{{value}}"中的值始终字符串化，而基本属性绑定的值[src]="value"按原样传递。

另见

• What's the difference between `value="{{todo.title}}"` and `[value]="todo.title"`?
• Angular 2 Template Syntax

Answer 2

1） 注意：不要使用""＆amp; {{}}以及其他值将被字符串化。

src="{{value}}" 

value 将始终字符串化。

<小时/> 的 2）

此处， value 是 expression ，将针对 property binding 进行评估。

[src] 确切地说，这是一种angular2方式 property binding 语法。

 <img [src]="value">

因此，它会将 value's 评估值绑定到 src property 。