编程 Javascript

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> 和 <source> 元素支持该属性。

参数值

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

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

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

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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