AngularJS ng-src 指令

实例

添加一个图像,其中 src 由 AngularJS 计算:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body ng-app="">
  5. <div ng-init="myVar = 'pic_angular.jpg'">
  6. <h2>Angular</h2>
  7. <img ng-src="{{myVar}}">
  8. </div>
  9. <p>本例可以使用原始的 src 属性,但如果值中包含 AngularJS 代码,则最好使用 ng-src 属性。</p>
  10. </body>
  11. </html>

定义与用法

ng-src 指令重写 <img> 元素的原始 src 属性。

如果 src 值中有 AngularJS 代码,则应使用 ng-src 指令而不是 src。

ng-src 指令确保图像在 AngularJS 计算代码之前不会显示错误。


语法

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

由 <img> 元素支持。


参数值

描述
string字符串值,或生成字符串的表达式

分类导航