<!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-srcset="{{myVar}}">
</div>

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

</body>
</html>

定義和用法

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

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

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

語法

<img> 和 <source> 元素支持該屬性。

參數(shù)值

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

以上就是對ng-srcset 指令的基礎資料整理，后續(xù)繼續(xù)整理，謝謝大家對本站的支持！

您可能感興趣的文章:

angular 實現(xiàn)同步驗證器跨字段驗證的方法
幾乎每個web應用都會用到表單，那么驗證器就是必不可少的東西，這篇文章主要介紹了angular 實現(xiàn)同步驗證器跨字段驗證的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-04-04
測試IE瀏覽器對JavaScript的AngularJS的兼容性
這篇文章主要介紹了測試IE瀏覽器對JavaScript的AngularJS的兼容性的方法,盡管隨著Windows10的近期上市,IE瀏覽器即將成為歷史...需要的朋友可以參考下
2015-06-06
AngularJS 中括號的作用詳解
這篇文章主要介紹了AngularJS 中括號的作用,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-04-04
Angular2 多級注入器詳解及實例
這篇文章主要介紹了Angular2 多級注入器詳解的相關資料,并附簡單實例代碼，需要的朋友可以參考下
2016-10-10
使用angularjs創(chuàng)建簡單表格
AngularJS提供豐富填寫表單和驗證。我們可以用ng-click來處理AngularJS點擊按鈕事件，然后使用 $dirty 和 $invalid標志做驗證的方式。使用novalidate表單聲明禁止任何瀏覽器特定的驗證。下面我們來看看如何使用angularjs創(chuàng)建簡單表格
2016-01-01
AngularJS動態(tài)菜單操作指令
在我們創(chuàng)建一個angularJS應用的時候，菜單往往往是不可或缺的元素之一。接下來通過本文給大家介紹AngularJS動態(tài)菜單操作指令，感興趣的朋友一起學習吧
2017-04-04
AngularJs bootstrap搭載前臺框架——基礎頁面
本文主要介紹AngularJs bootstrap搭載前臺框架基礎頁面的建設，這里整理餓了相關資料及實現(xiàn)實例代碼，有興趣的小伙伴可以參考下
2016-09-09
angular-ngSanitize模塊-$sanitize服務詳解
本篇文章主要介紹了angular-ngSanitize模塊-$sanitize服務詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
如何在Angular2中使用jQuery及其插件的方法
本篇文章主要介紹了如何在Angular2中使用jQuery及其插件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
妙用Angularjs實現(xiàn)表格按指定列排序
使用AngularJS的過濾器，可以很容易的實現(xiàn)在表格中，點擊某一列標題進行排序，實現(xiàn)代碼也很簡單，下面小編給大家分享angularjs實現(xiàn)表格按指定列排序的實現(xiàn)代碼，需要的的朋友參考下吧
2017-06-06