<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">

<div ng-init="myVar = 'http://www.runoob.com/wp-content/uploads/2014/06/angular.jpg'">
<h1>Angular</h1>
<img ng-src="{{myVar}}">
</div>

<p>該實(shí)例可以使用原生的 src 輸出，但是使用 AngularJS 代碼插入值，使用 ng-src 屬性更好。</p>

</body>
</html>

定義和用法

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

如果你使用了 AngularJS 代碼設(shè)置圖片地址，請(qǐng)使用 ng-src 指令替代 src 屬性。

ng-src 指令確保的 AngularJS 代碼執(zhí)行前不顯示圖片。

語(yǔ)法

<img> 元素支持該屬性。

參數(shù)值

值	描述
string	表達(dá)式返回的字符串。

以上就對(duì)AngularJS ng-src 資料的整理，后續(xù)繼續(xù)補(bǔ)充，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

詳細(xì)介紹RxJS在Angular中的應(yīng)用
本篇文章主要介紹了詳細(xì)介紹RxJS在Angular中的應(yīng)用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09
詳解angularjs4部署文件過(guò)大解決過(guò)程
這篇文章主要介紹了詳解angularjs4部署文件過(guò)大解決過(guò)程，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-12-12
將Angular單項(xiàng)目升級(jí)為多項(xiàng)目的全過(guò)程
有時(shí)候在開(kāi)發(fā)的過(guò)程中發(fā)現(xiàn)一個(gè)Angular項(xiàng)目不太夠用,兩個(gè)獨(dú)立的項(xiàng)目又不太好復(fù)用,這時(shí)便需要將原來(lái)的Angular項(xiàng)目簡(jiǎn)單做個(gè)升級(jí),這篇文章主要給大家介紹了關(guān)于將Angular單項(xiàng)目升級(jí)為多項(xiàng)目的相關(guān)資料,需要的朋友可以參考下
2021-11-11
詳解AngularJS過(guò)濾器的使用
這篇文章主要為大家詳細(xì)介紹了AngularJS過(guò)濾器的使用方法，感興趣的小伙伴們可以參考一下
2016-03-03
Angular ng-animate和ng-cookies用法詳解
本文講一下Angular中動(dòng)畫(huà)應(yīng)用的部分。這篇文章主要介紹了Angular ng-animate和ng-cookies用法詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-04-04
Angular依賴注入系統(tǒng)里Injection token PLATFORM_ID使用場(chǎng)景詳解
這篇文章主要為大家介紹了Angular依賴注入系統(tǒng)里Injection token PLATFORM_ID使用場(chǎng)景詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-11-11
Angular+Ionic使用queryParams實(shí)現(xiàn)跳轉(zhuǎn)頁(yè)傳值的方法
這篇文章主要介紹了Angular+Ionic使用queryParams實(shí)現(xiàn)跳轉(zhuǎn)頁(yè)傳值的方法，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-09-09
詳解AngularJS 路由 resolve用法
本篇文章主要介紹了AngularJS 路由 resolve用法，詳細(xì)的介紹了resolve用法，想要了解resolve用法的朋友可以了解一下
2017-04-04
Angular實(shí)現(xiàn)的自定義模糊查詢、排序及三角箭頭標(biāo)注功能示例
這篇文章主要介紹了Angular實(shí)現(xiàn)的自定義模糊查詢、排序及三角箭頭標(biāo)注功能,涉及AngularJS針對(duì)頁(yè)面table元素的遍歷、查詢、判斷、排序等相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
在Angular中如何監(jiān)聽(tīng)某個(gè)值的變化
這篇文章主要介紹了在Angular中如何監(jiān)聽(tīng)某個(gè)值的變化問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-03-03