图片来源 Angular 2+
Image src in Angular 2+
这些有区别吗？
<img src="{{url}}">
<img [src]="url">
我知道在 AngularJS 中我们有 ng-src 指令，它更适合用来防止在 angular 接管之前从 {{url}} 加载图像。这是同一个案例吗？
<img [src]="heroImageUrl">
不足
<img bind-src="heroImageUrl">
此代码的结果与 <img src="{{url}}"> 相同。 [src] 这是为了 属性 绑定。但是，当您需要将某些数据绑定到属性时，您将无法使用它。例如：
<td [attr.colspan]="1 + 1">
因为 colspan 不是 属性 而是 html 属性。
这些有区别吗？
<img src="{{url}}">
<img [src]="url">
我知道在 AngularJS 中我们有 ng-src 指令，它更适合用来防止在 angular 接管之前从 {{url}} 加载图像。这是同一个案例吗？
<img [src]="heroImageUrl">
不足
<img bind-src="heroImageUrl">
此代码的结果与 <img src="{{url}}"> 相同。 [src] 这是为了 属性 绑定。但是，当您需要将某些数据绑定到属性时，您将无法使用它。例如：
<td [attr.colspan]="1 + 1">
因为 colspan 不是 属性 而是 html 属性。