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 | 字符串值,或生成字符串的表达式 |