Блог

Я пытаюсь добавить значение, которое я получаю из формы «artist.artistName», в конец URLhttps://via.placeholder.com/286×286?text =

Итак, если my artistName = ‘Muse’, мой URL должен гласитьhttps://via.placeholder.com/286×286?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>

отображает Muse.

Каков правильный способ добавления значения к условию?

Это должно сработать.
художник.изображения[0].url: ‘https://via.placeholder.com/286×286?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>