AngularJS基礎(chǔ) ng-srcset 指令簡(jiǎn)單示例
更新時(shí)間：2016年08月03日 09:19:56 投稿：lqh
本文主要介紹AngularJS ng-srcset 指令,這里對(duì)ng-srcset 指令做了詳細(xì)的資料整理，附有代碼示例，有需要的小伙伴可以參考下
AngularJS ng-srcset 指令
AngularJS 實(shí)例
定義圖片的資源地址:
<!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>該實(shí)例可以使用原生的 srcset 輸出，但是使用 AngularJS 代碼插入值，使用 ng-srcset 屬性更好。</p>
</body>
</html>
定義和用法
ng-srcset 指令覆蓋了 <img> 元素的 srcset 屬性。
如果你使用了 AngularJS 代碼設(shè)置圖片地址，請(qǐng)使用 ng-srcset 指令替代 srcset 屬性。
ng-srcset 指令確保的 AngularJS 代碼執(zhí)行前不顯示圖片。
語法
<img ng-srcset="string"></img>
<img> 和 <source> 元素支持該屬性。
參數(shù)值
| 值 | 描述 |
|---|---|
| string | 表達(dá)式返回的字符串。 |
以上就是對(duì)ng-srcset 指令的基礎(chǔ)資料整理，后續(xù)繼續(xù)整理，謝謝大家對(duì)本站的支持！
相關(guān)文章
angular 實(shí)現(xiàn)同步驗(yàn)證器跨字段驗(yàn)證的方法
幾乎每個(gè)web應(yīng)用都會(huì)用到表單，那么驗(yàn)證器就是必不可少的東西，這篇文章主要介紹了angular 實(shí)現(xiàn)同步驗(yàn)證器跨字段驗(yàn)證的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-04-04
測(cè)試IE瀏覽器對(duì)JavaScript的AngularJS的兼容性
這篇文章主要介紹了測(cè)試IE瀏覽器對(duì)JavaScript的AngularJS的兼容性的方法,盡管隨著Windows10的近期上市,IE瀏覽器即將成為歷史...需要的朋友可以參考下2015-06-06
這篇文章主要介紹了AngularJS 中括號(hào)的作用,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
這篇文章主要介紹了Angular2 多級(jí)注入器詳解的相關(guān)資料,并附簡(jiǎn)單實(shí)例代碼，需要的朋友可以參考下2016-10-10
使用angularjs創(chuàng)建簡(jiǎn)單表格
AngularJS提供豐富填寫表單和驗(yàn)證。我們可以用ng-click來處理AngularJS點(diǎn)擊按鈕事件，然后使用 $dirty 和 $invalid標(biāo)志做驗(yàn)證的方式。使用novalidate表單聲明禁止任何瀏覽器特定的驗(yàn)證。下面我們來看看如何使用angularjs創(chuàng)建簡(jiǎn)單表格2016-01-01
在我們創(chuàng)建一個(gè)angularJS應(yīng)用的時(shí)候，菜單往往往是不可或缺的元素之一。接下來通過本文給大家介紹AngularJS動(dòng)態(tài)菜單操作指令，感興趣的朋友一起學(xué)習(xí)吧2017-04-04
AngularJs bootstrap搭載前臺(tái)框架——基礎(chǔ)頁面
本文主要介紹AngularJs bootstrap搭載前臺(tái)框架基礎(chǔ)頁面的建設(shè)，這里整理餓了相關(guān)資料及實(shí)現(xiàn)實(shí)例代碼，有興趣的小伙伴可以參考下2016-09-09
angular-ngSanitize模塊-$sanitize服務(wù)詳解
本篇文章主要介紹了angular-ngSanitize模塊-$sanitize服務(wù)詳解 ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
本篇文章主要介紹了如何在Angular2中使用jQuery及其插件的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
妙用Angularjs實(shí)現(xiàn)表格按指定列排序
使用AngularJS的過濾器，可以很容易的實(shí)現(xiàn)在表格中，點(diǎn)擊某一列標(biāo)題進(jìn)行排序，實(shí)現(xiàn)代碼也很簡(jiǎn)單，下面小編給大家分享angularjs實(shí)現(xiàn)表格按指定列排序的實(shí)現(xiàn)代碼，需要的的朋友參考下吧2017-06-06