Latest web development tutorials

AngularJS ng-src 指令

AngularJS 參考手冊 AngularJS參考手冊


AngularJS 實例

添加圖片地址:

< div ng-init= "myVar = '../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 參考手冊 AngularJS參考手冊