AngularJS ng-src 指令

定義和用法

ng-src 指令會覆蓋 <img> 元素的原始 src 屬性。

如果您在 src 值中包含 AngularJS 代碼，則應使用 ng-src 指令代替 src。

ng-src 指令確保在 AngularJS 評估代碼之前，圖片不會錯誤地顯示。

實例

添加一個圖像，其中 src 由 AngularJS 計算：

<div ng-init="myVar = 'pic_angular.jpg'">
    <h1>Angular</h1>
    <img ng-src="{{myVar}}">
</div>

親自試一試

語法

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

受 <img> 元素支持。

參數