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 相关文章推荐
一些常用的JS功能函数(2009-06-04更新)
Jun 04 Javascript
简单常用的幻灯片播放实现代码
Sep 25 Javascript
node.js中的fs.lchmod方法使用说明
Dec 16 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
Dec 29 Javascript
JavaScript中string对象
Jun 12 Javascript
JS实现霓虹灯文字效果的方法
Aug 06 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
JavaScript ES6中const、let与var的对比详解
Jun 18 Javascript
js中null与空字符串&quot;&quot;的区别讲解
Jan 17 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
Jul 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
全国FM电台频率大全 - 1 北京市
2020/03/11 无线电
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
PHP+iframe模拟Ajax上传文件功能示例
2019/07/02 PHP
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
javascript作用域容易记错的两个地方分析
2012/06/22 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
2014/06/13 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
微信小程序 开发工具快捷键整理
2016/10/31 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
js分页之前端代码实现和请求处理
2017/08/04 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
2020/06/17 Javascript
[01:04:09]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第二场 2月2日
2021/03/11 DOTA
linux 下实现python多版本安装实践
2014/11/18 Python
python实现计算倒数的方法
2015/07/11 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
Python Json模块中dumps、loads、dump、load函数介绍
2018/05/15 Python
TensorFlow 合并/连接数组的方法
2018/07/27 Python
基于Python的PIL库学习详解
2019/05/10 Python
Django工程的分层结构详解
2019/07/18 Python
python selenium登录豆瓣网过程解析
2019/08/10 Python
pytorch如何冻结某层参数的实现
2020/01/10 Python
python unichr函数知识点总结
2020/12/16 Python
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
2014/05/07 HTML / CSS
Html5页面点击遮罩层背景关闭遮罩层
2020/11/30 HTML / CSS
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
如何判断计算机可能已经中马
2013/03/22 面试题
计算机软件个人的自荐信范文
2013/12/01 职场文书
护理工作个人总结
2015/03/03 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
甲午大海战观后感
2015/06/02 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
python获取淘宝服务器时间的代码示例
2021/04/22 Python