Подтвердить что ты не робот

Что эквивалентно ngSrc в Angular2?

Я хотел бы реализовать img, используя src, исходящий из объекта JSON.

В angular1 я мог бы сделать:

<img ng-src="{{hash}}" alt="Description" />

Есть ли эквивалент этого в Angular2?

Ответ 1

Angular 1:

<img ng-src="{{movie.imageurl}}">

Angular 2 и 4:

<img [src]="movie.imageurl">

Angular docs

Обратите внимание, что интерполяция может достичь того же результата:

<img src="{{vehicle.imageUrl}}">

<img [src]="vehicle.imageUrl">

Существует никаких технических различий между этими двумя утверждениями для привязки свойств, если вы не желаете двусторонней привязки.

Интерполяция - удобная альтернатива для связывания свойств во многих случаев. Фактически, Angular переводит эти интерполяции в соответствующие привязки свойств перед визуализацией представления. источник

Ответ 2

<tr *ngFor="let post of posts | paginate: { id: 'server', itemsPerPage: 
       10, currentPage: p , totalItems: count  }">

   <td>
    <img src="https://img.youtube.com/vi/{{post.youtubeVideoId}}/default.jpg">
   </td>

   <td>
     {{post.videoName}}
   </td>

</tr>

Ответ 3

Его также можно записать в форме интерполяции, например:

<img src="{{movie.imageurl}}">