显示变量 html 图像

Question

在 Angular 2 代码中，我将图像定义为：

public rObj:any = {};
this.rObj.imgsrc ="http:/../.png";

想从我的 HTML 中呈现这个：

<img src = {{rObj.imgsrc}}>

没有显示。任何帮助表示赞赏。谢谢！

Answer 1

在 src 属性上使用一种方式绑定。任何html属性都可以绑定。

...所以对你来说，这就是你要找的。​​p>

<img [src]="rObj.imgsrc" />

另一个例子..

<a [href]="myHref"></a>

Answer 2

您使用了错误的数据绑定：

• 字符串绑定：<elt attr="Hello World"/>
• 输入（组件→模板）：<elt [attr]="x"/>
• 事件监听器（模板→组件）：<button (click)="someFunction"/>
• 双向数据绑定：<elt [(attr)]="x"/>（用的不多，改用forms）

所以你实际上需要在这里写<img [src]="rObj.imgsrc"/>