编程 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 相关文章推荐

JQuery 表格操作(交替显示、拖动表格行、选择行等)

Jul 29 Javascript

event.srcElement 用法笔记e.target

Dec 18 Javascript

jQuery实现的一个自定义Placeholder属性插件

Aug 11 Javascript

JavaScript获取表单内所有元素值的方法

Apr 02 Javascript

javascript中的previousSibling和nextSibling的正确用法

Sep 16 Javascript

基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard

Jun 17 Javascript

jQuery获取多种input值的简单实现方法

Jun 20 Javascript

jQuery插件fullPage.js实现全屏滚动效果

Dec 02 Javascript

js实现类bootstrap模态框动画

Feb 07 Javascript

jQuery插件artDialog.js使用与关闭方法示例

Oct 09 jQuery

微信小程序项目实践之九宫格实现及item跳转功能

Jul 19 Javascript

纯js+css实现在线时钟

Aug 18 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

Discuz 模板引擎的封装类代码

2008/07/18 PHP

php抓取页面与代码解析推荐

2010/07/23 PHP

php xml 入门学习资料

2011/01/01 PHP

php自动获取字符串编码函数mb_detect_encoding

2011/05/31 PHP

PHP定时执行任务的3种方法详解

2015/12/21 PHP

twig模板获取全局变量的方法

2016/02/05 PHP

php中引用符号(&)的使用详细介绍

2016/12/06 PHP

PHP PDOStatement::rowCount讲解

2019/02/01 PHP

基于jQuery的前端数据通用验证库

2011/08/08 Javascript

js固定DIV高度,超出部分自动添加滚动条的简单方法

2013/07/10 Javascript

jQuery prev ~ siblings选择器使用介绍

2013/08/09 Javascript

JavaScript实现跨浏览器的添加及删除事件绑定函数实例

2015/08/04 Javascript

jQuery Easyui Tabs扩展根据自定义属性打开页签

2016/08/15 Javascript

javascript中的后退和刷新实现方法

2016/11/10 Javascript

JavaScript组成、引入、输出、运算符基础知识讲解

2016/12/08 Javascript

详解为Angular.js内置$http服务添加拦截器的方法

2016/12/20 Javascript

详解基于webpack搭建react运行环境

2017/06/01 Javascript

详解angular ui-grid之过滤器设置

2017/06/07 Javascript

在小程序中集成redux/immutable/thunk第三方库的方法

2018/08/12 Javascript

如何在vue中使用kindeditor富文本编辑器

2020/12/19 Vue.js

[49:35]KG vs SECRET 2019国际邀请赛小组赛 BO2 第一场 8.16

2019/08/19 DOTA

Python下Fabric的简单部署方法

2015/07/14 Python

Python模拟随机游走图形效果示例

2018/02/06 Python

Python实现OpenCV的安装与使用示例

2018/03/30 Python

Python流程控制 while循环实现解析

2019/09/02 Python

Python打包模块wheel的使用方法与将python包发布到PyPI的方法详解

2020/02/12 Python

解决python3中os.popen()出错的问题

2020/11/19 Python

Python 实现进度条的六种方式

2021/01/06 Python

利用HTML5+CSS3实现3D转换效果实例详解

2017/05/02 HTML / CSS

HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题

2013/04/24 HTML / CSS

美国网上订购鲜花：FTD

2016/09/23 全球购物

税务专业毕业生自荐信

2013/11/10 职场文书

幼儿园教师工作感言

2014/02/15 职场文书

教师党员承诺书

2014/03/25 职场文书

成品库仓管员岗位职责

2014/04/06 职场文书

海贼王十大潜力果实，路飞仅排第十，第一可毁世界(震震果实)

2022/03/18 日漫