AngularJS ng-src 指令

[

AngularJS ng-src 指令
AngularJS 参考手册

AngularJS 实例

添加图片地址:


<div ng-init="myVar = ‘http://www.runoob.com/wp-content/uploads/2014/06/angular.jpg‘">??? 

   <h1>Angular</h1>??? <img ng-src="{{myVar}}"></div>

定义和用法

ng-src 指令覆盖了 <img> 元素的 src 属性。
如果你使用了 AngularJS 代码设置图片地址,请使用 ng-src 指令替代 src 属性。
ng-src 指令确保的 AngularJS 代码执行前不显示图片。

语法


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

<img> 元素支持该属性。

参数值

描述
string 表达式返回的字符串。

AngularJS 参考手册

]
转载请保留页面地址:https://www.breakyizhan.com/javascript/18636.html

AngularJS ng-src 指令

上一篇:css3动画的使用图片上下循环跳动


下一篇:HTML DOM querySelectorAll() 方法