AngularJS ng-srcset 指令
实例
添加一个图像,其中 srcset 由 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-srcset="{{myVar}}"></div><p>本例可以使用原始的 srcset 属性,但如果值中包含 AngularJS 代码,则最好使用 ng-srcset 属性。</p></body></html>
定义与用法
ng-srcset 指令重写元素的原始 srcset 属性。
如果 srcset 值中有 AngularJS 代码,则应使用 ng-srcset 指令而不是 srcset。
ng-srcset 指令确保在 AngularJS 计算代码之前,图像不会显示错误。
语法
<img ng-srcset="string"></img>
由 <img> 和 <source> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| string | 字符串值,或生成字符串的表达式 |