AngularJS基礎 ng-srcset 指令簡單示例
更新時間：2016年08月03日 09:19:56 投稿：lqh
本文主要介紹AngularJS ng-srcset 指令,這里對ng-srcset 指令做了詳細的資料整理，附有代碼示例，有需要的小伙伴可以參考下
AngularJS ng-srcset 指令
AngularJS 實例
定義圖片的資源地址:
<!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 ng-srcset="string"></img>
<img> 和 <source> 元素支持該屬性。
參數(shù)值
| 值 | 描述 |
|---|---|
| string | 表達式返回的字符串。 |
以上就是對ng-srcset 指令的基礎資料整理，后續(xù)繼續(xù)整理，謝謝大家對本站的支持！
相關文章
基于?angular?material?theming?機制修改?mat-toolbar?的背景色(示例詳解
最近在學習?angular，記錄一下昨天的進展，解決的問題是通過?theme?的配置修改?mat-toolbar?的背景色，避免對色彩的硬編碼，這篇文章主要介紹了基于?angular?material?theming?機制修改?mat-toolbar?的背景色,需要的朋友可以參考下2022-10-10
這篇文章給大家介紹了如何利用AngularJs實現(xiàn)京東首頁輪播圖的效果，本文通過示例代碼詳細介紹了實現(xiàn)過程，對大家學習AngularJS具有一定參考借鑒價值，有需要的朋友們可以參考借鑒。2016-09-09
本文給大家總結了一些angularjs的基礎知識及相關示例，分享給大家，希望能對大家有所幫助。2015-01-01
Angular的FormArray和模態(tài)框結合使用實例詳解
這篇文章主要為大家介紹了Angular的FormArray和模態(tài)框結合使用實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
MODULE_INITIALIZER初始化Angular?懶加載模塊高級技巧
這篇文章主要為大家介紹了MODULE_INITIALIZER初始化Angular懶加載模塊高級技巧示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
這篇文章主要介紹了AngularJS創(chuàng)建自定義指令的方法,詳細的分析了自定義指令的原理、實現(xiàn)步驟、實現(xiàn)方法與相關注意事項,需要的朋友可以參考下2016-11-11
AngularJS使用ng-Cloak阻止初始化閃爍問題的方法
這篇文章主要介紹了AngularJS使用ng-Cloak阻止初始化閃爍問題的方法,結合實例形式分析了AngularJS使用ng-Cloak來解決初始化時出現(xiàn)閃爍問題的相關技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了詳解使用angular框架離線你的應用（pwa指南），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
本篇文章主要介紹了詳解angularjs利用ui-route異步加載組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
Angular響應式表單使用顯式的、不可變的方式,管理表單在特定的時間點上的狀態(tài),下面這篇文章主要給大家介紹了關于Angular中使用嵌套Form的詳細步驟,需要的朋友可以參考下2022-04-04