Angular 2+中的图像src

Question

这些之间有区别吗？

ast

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

我知道在AngularJS中我们有<img [src]="url">指令，它更倾向于用于防止在角度接管之前从ng-src加载图像。这是同样的情况吗？

Answer 1

<img [src]="heroImageUrl">

缺少

<img bind-src="heroImageUrl">

此代码与<img src="{{url}}">的结果相同。 [src]这是属性绑定。但是，当您需要将某些数据绑定到属性时，您无法使用它。例如：

<td [attr.colspan]="1 + 1">

因为colspan不是属性而是html属性。