<!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>該實例可以使用原生的 src 輸出，但是使用 AngularJS 代碼插入值，使用 ng-src 屬性更好。</p>

</body>
</html>

定義和用法

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

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

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

語法

<img> 元素支持該屬性。

參數(shù)值

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

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

您可能感興趣的文章:

相關(guān)文章

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