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

在AngularJS中,我可以做到:

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

在Angular 2+中是否有与此等价的东西?

推荐答案

AngularJS:

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

Angular 2+:

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

Angular docs


请注意,插值可以获得相同的结果:

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

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

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

在许多情况下,插值是一种方便的属性绑定替代方法

Angular相关问答推荐

Ionic 5角形共享两个模块之间的组件

如何使用新的@for遍历Angular 为17的对象?

从、管道和映射可观察到的逻辑?

如何使用ChangeDetectionStrategy.OnPush?

Angular 16:CSRF配置:我仍然可以使用HttpXsrfInterceptor和HttpXsrfCookieExtractor类吗?Inteli-J说他们不存在

Angular :为什么我得到了一个可观察到的共鸣

我应该对我想要在我的Angular 17+组件中显示的任何变量使用信号吗?

如何使用独立组件在ANGLE(16+)中实现嵌套布线

iss 声明无效 Keycloak

MatTooltip 显示在 html 原生对话框下方

Nz 树 Select .如何在子 node 中显示父 node 名称?

Angular 2 二传手与 ngOnChanges

为什么 Redux 中的对象应该是不可变的?

Angular 4 - 在下拉列表中 Select 默认值 [Reactive Forms]

如何在 Angular 2 中正确设置 Http 请求标头

Angular 2从assets文件夹加载CSS背景图像

NG 测试中的调试测试

Firestore 从集合中获取文档 ID

如何在 Angular CLI 的构建时插入内部版本号或时间戳

ngIf - 判断后表达式已更改