Angular 2 js 中的 ng-src 和 Dart答案

【问题标题】：ng-src in Angular 2 js with DartAngular 2 js 中的 ng-src 和 Dart
【发布时间】：2016-03-16 16:18:00
【问题描述】：

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

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

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

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

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

编辑这样解决：

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

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

【问题讨论】：

【解决方案1】：

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

在 AngularJS 中，这是通过使用 ng-src 来规避的

Angular 两个等价物是使用[src]=""

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

【讨论】：