时间戳

首页 > 解决方案 > 角度附加插值到条件

angular - 角度附加插值到条件

问题描述

我正在尝试将我从“artist.artistName”中获得的值附加到 URL https://via.placeholder.com/286x286?text=的末尾

因此，如果我的 artistName = 'Muse'，我的 URL 应该是https://via.placeholder.com/286x286?text=Muse

但我似乎无法正确地附加和插值。

<div *ngFor="let artist of searchArray ">
    <img [src]="artist.images.length > 0 ? artist.images[0].url : 'https://via.placeholder.com/286x286?text='+artist.artistName"  alt="Card image cap">
</div>

当我这样做时 ^ artist.artistName 的值是未定义的。然而，如果我这样做

<p>{{artist.artistName}}</p>

显示缪斯。

将值附加到条件的正确方法是什么？

标签： angular

解决方案

这个应该可以的。
artist.images[0].url : ' https://via.placeholder.com/286x286?text= {{artist.artistName"}}' 如果您查看 angular.io 中的教程。https://angular. io/tutorial/toh-pt5 你会发现下面的例子：routerLink 文本附加了 hero.id，就像这样 {{hero.id}}。

<a *ngFor="let hero of heroes" class="col-1-4" 
routerLink="/detail/{{hero.id}}">
<div class="module hero">
<h4>{{hero.name}}</h4>
</div>
</a>

推荐阅读