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

JavaScript学习笔记（一） js基本语法

Oct 25 Javascript

Js注册协议倒计时的小例子

Jun 24 Javascript

jQuery实现的fixedMenu下拉菜单效果代码

Aug 24 Javascript

AngularJS中实现显示或隐藏动画效果的方式总结

Dec 31 Javascript

Bootstrap Paginator分页插件使用方法详解

May 30 Javascript

基于Vuejs框架实现翻页组件

Jun 29 Javascript

JS 设置Cookie 有效期检测cookie

Jun 15 Javascript

浅谈vue中关于checkbox数据绑定v-model指令的个人理解

Nov 14 Javascript

ES6顶层对象、global对象实例分析

Jun 14 Javascript

Vue.js路由实现选项卡简单实例

Jul 24 Javascript

Vue.use()在new Vue() 之前使用的原因浅析

Aug 26 Javascript

node.js使用 http-proxy 创建代理服务器操作示例

Feb 10 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

Http 1.1 Etag 与 Last-Modified提高php效率

2008/01/10 PHP

php 数组的合并、拆分、区别取值函数集

2010/02/15 PHP

php取整函数ceil,floo,round的用法及介绍

2013/08/31 PHP

详解PHP函数 strip_tags 处理字符串缺陷bug

2017/06/11 PHP

js模拟弹出效果代码修正版

2008/08/07 Javascript

javascript 特殊字符串

2009/02/25 Javascript

让mayfish支持mysqli数据库驱动的实现方法

2010/05/22 Javascript

apycom出品的jQuery精美菜单破解方法

2011/02/18 Javascript

javascript贪吃蛇完整版(源码)

2013/12/09 Javascript

15个常用的jquery代码片段

2015/12/19 Javascript

jQuery轻松实现表格的隔行变色和点击行变色的实例代码

2016/05/09 Javascript

微信小程序视图层（xx.xml)和逻辑层(xx.js)详细介绍

2016/10/13 Javascript

Vue数据驱动模拟实现4

2017/01/12 Javascript

jQuery实现选项卡功能（两种方法）

2017/03/08 Javascript

详解vue2 $watch要注意的问题

2017/09/08 Javascript

浅谈React高阶组件

2018/03/28 Javascript

js实现简单页面全屏

2019/09/17 Javascript

解决VUE项目使用Element-ui 下拉组件的验证失效问题

2020/11/07 Javascript

windows如何把已安装的nodejs高版本降级为低版本(图文教程)

2020/12/14 NodeJs

[01:42]TI4西雅图DOTA2前线报道第一顿早饭哦

2014/07/08 DOTA

[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

python3使用PyMysql连接mysql数据库实例

2017/02/07 Python

磁盘垃圾文件清理器python代码实现

2020/08/24 Python

解决pyecharts在jupyter notebook中使用报错问题

2020/04/23 Python

详解Python time库的使用

2019/10/10 Python

Python实现字符串中某个字母的替代功能

2019/10/21 Python

python对文件的操作方法汇总

2020/02/28 Python

Selenium使用Chrome模拟手机浏览器方法解析

2020/04/10 Python

SQL中where和having的区别

2012/06/17 面试题

为什么要用EJB

2014/04/17 面试题

农村葬礼主持词

2014/03/31 职场文书

个人工作主要事迹

2014/05/08 职场文书

消防宣传口号

2014/06/16 职场文书

幼儿园安全责任书范本

2014/07/24 职场文书

2015年办税服务厅工作总结

2015/07/23 职场文书

2016年党员创先争优公开承诺书

2016/03/25 职场文书