角2：连接字符串属性绑定

例如我的目标是

{ 
    "name": "The Walking Dead", 
    "imageUrl": "/title/tt1520211/?pf_rd_m=A2FGELUUNOQJNL&pf_rd_p=2240084122&pf_rd_r=1Q5ZRDHSA2ZK5S6Q31WN&pf_rd_s=center-1&pf_rd_t=15506&pf_rd_i=tvmeter&ref_=chttvm_tt_1", 
    "rating": "8.6" 
},

因为我没有在现场IMAGEURL基础URL我要附加它在角模板URL

模板：

<tbody *ngFor="let prod of products"> 
<tr > 
    <td><img [src]="'www.example.com/'+{{prod.imgUrl}}" alt=""></td> 
    <td>{{prod.name}}</td> 
    <td>{{prod.rating}}</td> 
</tr> 

</tbody>

我想example.com添加FO [R我对我的模板领域的ImageUrl，我无法添加基本URL

林期待网址为baseURL时+路径

www.example.com/title/tt1520211/?pf_rd_m=A2FGELUUNOQJNL&pf_rd_p=2240084122&pf_rd_r=1Q5ZRDHSA2ZK5S6Q31WN&pf_rd_s=center-1&pf_rd_t=15506&pf_rd_i=tvmeter&ref_=chttvm_tt_1

来源

2016-11-10 Coeus

你不必使用大括号。只要做简单：

<img [src]="'www.example.com/' + prod.imgUrl">

<tag [someAttr]="someValue">

在角，这意味着someValue将被评估（就像里面{{}}），并分配给someAttr，因此对于字符串的一部分，你应该使用这样的报价in pure JS

<tag someAttr="someString">

意味着someString将被解析，如模板，（你必须使用{{}}评估imgUrl的），并且在例如分配给someAttr

<img src="www.example.com/{{prod.imgUrl}}">

someAttr是@input（）属性在部件，或HTMLElement的属性，

来源

2016-11-10 11:27:27

试试这样说：

<img src="www.example.com/{{prod.imgUrl}}" alt="">

来源

2016-11-10 10:56:41

，或者你可以尝试

<td><img [src]="'www.example.com/' + prod.imgUrl" alt=""></td>

没有curcly牙套

来源

2016-11-10 11:01:37

角2：连接字符串属性绑定

回答

相关问题