AngularJS ng-src 指令
实例
添加一个图像,其中 src 由 AngularJS 计算:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body ng-app=""><div ng-init="myVar = 'pic_angular.jpg'"><h2>Angular</h2><img ng-src="{{myVar}}"></div><p>本例可以使用原始的 src 属性,但如果值中包含 AngularJS 代码,则最好使用 ng-src 属性。</p></body></html>
定义与用法
ng-src 指令重写 <img> 元素的原始 src 属性。
如果 src 值中有 AngularJS 代码,则应使用 ng-src 指令而不是 src。
ng-src 指令确保图像在 AngularJS 计算代码之前不会显示错误。
语法
<img ng-src="string"></img>
由 <img> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| string | 字符串值,或生成字符串的表达式 |