属性中的angular 2变量打破模板渲染

Question

我有一个包含此代码段的模板

<img src="{{ src }}" onerror="this.src='{{ placeholderSrc }}'" />

我无法使它发挥作用。如果我删除了onerror位：

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

模板再次运作。如果我改变了placeholderSrc的位置：

<img src="{{ src }}" onerror="this.src=''" />
{{ placeholderSrc }}

有效。

它似乎与onerror有关，但我不确定究竟是什么。

我在RC 5上。

Answer 1

只需使用inbuilt events：

<img [src]="src" (error)="src = placeholderSrc" />

  

Plunker了解工作示例