什么相当于Angular2 ngSrc？

我想实现img，来自JSON对象的src。

在angular1中，我可以这样做：

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

在Angular2中有没有这个相同的东西？

Answer 1

angular1：

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

angular2＆4：

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

Angular文档

---

请注意，插值可以达到相同的结果：

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

这两个属性绑定语句之间没有技术上的区别，只要不需要双向绑定即可。

在许多情况下，插值是属性绑定的一个方便的select。 事实上，在呈现视图之前，Angular会将这些插值转换为相应的属性绑定。 资源

Answer 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> 

Answer 3

它也可以用插值forms写入，如：

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