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 面向对象的5钟写法
Jul 31 Javascript
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
微信小程序 icon组件详细及实例代码
Oct 25 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
简述vue中的config配置
Jan 23 Javascript
微信小程序出现wx.getLocation再次授权问题的解决方法分析
Jan 16 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
Vue CLI3中使用compass normalize的方法
May 30 Javascript
详解js location.href和window.open的几种用法和区别
Dec 02 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
php学习笔记 数组的常用函数
2011/06/13 PHP
php 搜索框提示(自动完成)实例代码
2012/02/05 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
php编写简单的文章发布程序
2015/06/18 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
PHP实现微信小程序人脸识别刷脸登录功能
2018/05/24 PHP
js 小数取整的函数
2010/05/10 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
2014/02/24 Javascript
javascript中局部变量和全局变量的区别详解
2015/02/27 Javascript
JAVA四种基本排序方法实例总结
2015/07/24 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
2017/02/22 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
基于jQuery Easyui实现登陆框界面
2017/07/10 jQuery
Node做中转服务器转发接口
2017/10/18 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
ES6中Set和Map用法实例详解
2020/03/02 Javascript
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
python检测主机的连通性并记录到文件的实例
2018/06/21 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
对Python 3.2 迭代器的next函数实例讲解
2018/10/18 Python
利用Tensorboard绘制网络识别准确率和loss曲线实例
2020/02/15 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
网络事业创业计划书范文
2014/01/09 职场文书
市三好学生主要事迹
2014/01/28 职场文书
医院合作协议书
2014/08/19 职场文书
2014年行政部工作总结
2014/11/19 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
泰坦尼克号观后感
2015/06/04 职场文书