AngularJS基础 ng-srcset 指令简单示例


Posted in Javascript onAugust 03, 2016

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 代码执行前不显示图片。

语法

<img ng-srcset="string"></img>

<img> 和 <source> 元素支持该属性。

参数值

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

以上就是对ng-srcset 指令的基础资料整理,后续继续整理,谢谢大家对本站的支持!

Javascript 相关文章推荐
扩展easyui.datagrid,添加数据loading遮罩效果代码
Nov 02 Javascript
JS 按钮点击触发(兼容IE、火狐)
Aug 07 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
Bootstrap每天必学之级联下拉菜单
Mar 27 Javascript
基于JS+Canves实现点击按钮水波纹效果
Sep 15 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
vue.js 实现a标签href里添加参数
Nov 12 Javascript
JavaScript实现拖拽和缩放效果
Aug 24 Javascript
微信小程序实现下拉加载更多商品
Dec 29 Javascript
JavaScript中reduce()的用法
May 11 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 #Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 #Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
Aug 03 #Javascript
AngularJS基础 ng-show 指令简单示例
Aug 03 #Javascript
JavaScript判断数组是否存在key的简单实例
Aug 03 #Javascript
AngularJS基础 ng-selected 指令简单示例
Aug 03 #Javascript
jQuery 判断是否包含在数组中Array[]的方法
Aug 03 #Javascript
You might like
计算新浪Weibo消息长度(还可以输入119字)
2013/07/02 Javascript
jquery 取子节点及当前节点属性值的方法
2014/08/24 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
react-native android状态栏的实现
2018/06/15 Javascript
对vux点击事件的优化详解
2018/08/28 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
微信小程序公用参数与公用方法用法示例
2019/01/09 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
深入理解Python单元测试unittest的使用示例
2017/11/18 Python
python matlibplot绘制3D图形
2018/07/02 Python
python在TXT文件中按照某一字符串取出该字符串所在的行方法
2018/12/10 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
使用Python实现Wake On Lan远程开机功能
2020/01/22 Python
Python实现AI换脸功能
2020/04/10 Python
群胜软件Java笔试题
2012/09/29 面试题
机械设计专业应届生求职信
2013/11/21 职场文书
幼儿园消防安全制度
2014/01/26 职场文书
幼儿园亲子活动总结
2014/04/26 职场文书
合唱兴趣小组活动总结
2014/07/10 职场文书
迎新年主持词
2015/07/06 职场文书
2015年小学远程教育工作总结
2015/07/28 职场文书
2016入党积极分子党校培训心得体会
2016/01/06 职场文书
学习焦裕禄先进事迹心得体会
2016/01/23 职场文书
世界文化遗产导游词
2019/08/07 职场文书
幼师必备:幼儿园期末教师评语50条
2019/11/01 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书
pandas中pd.groupby()的用法详解
2022/06/16 Python