在更新的Angular中等效于ngSrc？

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

在AngularJS中，我可以这样做：

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

Angular 2+中有与此等效的东西吗？

AngularJS：

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

角度2+：

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

角度文档

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

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

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

只要您不希望双向绑定，这两个用于属性绑定的语句之间就没有技术上的区别。

在许多情况下，插值是属性绑定的便捷替代方法。实际上，Angular在渲染视图之前将这些插值转换为相应的属性绑定。 资源

要在Angular应用程序中实现ng-src的相同功能，需要两个步骤。

第一步：

在HTML中，使用新语法：

<img [src]="imageSrc">

第二步：

在您的组件/指令中，将值初始化为empty。例如：

@Component({
  selector: 'ag-video',
  templateUrl: './video.component.html'
})
export class SampleComponent {
   imageSrc = '';
}

现在，null由于未在元素上设置值，这将消除网络呼叫（空呼叫）。

也可以用插值形式编写，例如：

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

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