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?material?theming?機(jī)制修改?mat-toolbar?的背景色(示例詳解
最近在學(xué)習(xí)?angular，記錄一下昨天的進(jìn)展，解決的問題是通過?theme?的配置修改?mat-toolbar?的背景色，避免對(duì)色彩的硬編碼，這篇文章主要介紹了基于?angular?material?theming?機(jī)制修改?mat-toolbar?的背景色,需要的朋友可以參考下2022-10-10
利用AngularJs實(shí)現(xiàn)京東首頁輪播圖效果
這篇文章給大家介紹了如何利用AngularJs實(shí)現(xiàn)京東首頁輪播圖的效果，本文通過示例代碼詳細(xì)介紹了實(shí)現(xiàn)過程，對(duì)大家學(xué)習(xí)AngularJS具有一定參考借鑒價(jià)值，有需要的朋友們可以參考借鑒。2016-09-09
本文給大家總結(jié)了一些angularjs的基礎(chǔ)知識(shí)及相關(guān)示例，分享給大家，希望能對(duì)大家有所幫助。2015-01-01
Angular的FormArray和模態(tài)框結(jié)合使用實(shí)例詳解
這篇文章主要為大家介紹了Angular的FormArray和模態(tài)框結(jié)合使用實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
MODULE_INITIALIZER初始化Angular?懶加載模塊高級(jí)技巧
這篇文章主要為大家介紹了MODULE_INITIALIZER初始化Angular懶加載模塊高級(jí)技巧示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
這篇文章主要介紹了AngularJS創(chuàng)建自定義指令的方法,詳細(xì)的分析了自定義指令的原理、實(shí)現(xiàn)步驟、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-11-11
AngularJS使用ng-Cloak阻止初始化閃爍問題的方法
這篇文章主要介紹了AngularJS使用ng-Cloak阻止初始化閃爍問題的方法,結(jié)合實(shí)例形式分析了AngularJS使用ng-Cloak來解決初始化時(shí)出現(xiàn)閃爍問題的相關(guān)技巧,需要的朋友可以參考下2016-11-11
詳解使用angular框架離線你的應(yīng)用（pwa指南）
這篇文章主要介紹了詳解使用angular框架離線你的應(yīng)用（pwa指南），小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
本篇文章主要介紹了詳解angularjs利用ui-route異步加載組件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
Angular響應(yīng)式表單使用顯式的、不可變的方式,管理表單在特定的時(shí)間點(diǎn)上的狀態(tài),下面這篇文章主要給大家介紹了關(guān)于Angular中使用嵌套Form的詳細(xì)步驟,需要的朋友可以參考下2022-04-04