AngularJS ng-src 指令

定义和用法

ng-src 指令会覆盖 <img> 元素的原始 src 属性。

如果您在 src 值中包含 AngularJS 代码，则应使用 ng-src 指令代替 src。

ng-src 指令确保在 AngularJS 评估代码之前，图片不会错误地显示。

实例

添加一个图像，其中 src 由 AngularJS 计算：

<div ng-init="myVar = 'pic_angular.jpg'">
    <h1>Angular</h1>
    <img ng-src="{{myVar}}">
</div>

亲自试一试

语法

<img ng-src="string"></img>

受 <img> 元素支持。

参数