Angular 在较新的角度，什么与ngSrc等效？

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

在AngularJS中，我可以做到：

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

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

在Angular2+中是否有与此等效的内容？

AngularJS：

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

角度2+：

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

---

请注意，插值可以获得相同的结果：

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

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

这两个属性绑定语句在技术上没有区别，只要您不需要双向绑定

在许多情况下，插值是一种方便的属性绑定替代方法 案例。事实上，Angular将这些插值转换为 呈现视图之前，请执行相应的属性绑定。

---

它也可以以插值形式写入，如：

{{post.videoName}

在角度应用程序中实现ng src的相同功能需要两步过程

第一步：

在HTML中，使用新语法：

第二步：

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

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

---

现在，这将消除

null

网络调用（空调用），因为该值没有设置到元素上

所以，它并不等同于ngsrc，因为ngsrc避免在ngsrc有一个值之前加载映像，正如Sebastian所说的！它是不相等的，因为像

视频/音频

这样的元素以及其他一些元素不应该具有没有值的

属性
ng src
并不等同于
[src]
要实现与ng src相同的结果，您需要添加一个
ngIf
，如下所示：
为什么不？？54321被否决，因为这不是推荐的解决方案，因为它创建了一个失败的请求：{{post.youtubeVideoId}}/default.jpg。创建了一个失败的请求！同意。我删除了答案中破坏URL的部分。
@Component({
  selector: 'ag-video',
  templateUrl: './video.component.html'
})
export class SampleComponent {
   imageSrc = '';
}