Angular 2 js中的ng-src与Dart

Question

在角度版本1中，我使用ng-src加载网址。 在Dart的角度2 Js中，我找不到类似的加载资源的方法。 例如，在Angular 1 js中：

 <img class="cover" src="images/cover_placeholder.png" data-ng-src="{{coverUrl}}"

在Angular 2中我已经尝试过了：

 <img class="cover" src="{{coverUrl}}">

如果图片不可用，我如何加载占位符？ 还有其他聪明的方法吗？

修改 以这种方式解决：

   <img class="class-image" onError="this.src='./images/cover_placeholder.png';" src="{{coverUrl}}" >

如果图像不可用，请放置占位符图像。

Answer 1

这取决于您何时收到错误。如果它在加载时出错，那是因为Angular在加载html时没有启动，因此无法解释url。

在AngularJS中，使用ng-src

规避了这一点

Angular 2等效是使用[src]=""

<img class="cover" [src]="coverUrl">