编程 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模仿msgbox提示效果代码

Jun 10 Javascript

可以将word转成html的js代码

Apr 11 Javascript

javascript按位非运算符的使用方法

Nov 14 Javascript

Jquery在指定DIV加载HTML示例代码

Feb 17 Javascript

jQuery实现异步获取json数据的2种方式

Aug 29 Javascript

Javascript学习笔记之函数篇（三） : 闭包和引用

Nov 23 Javascript

js计算德州扑克牌面值的方法

Mar 04 Javascript

PHP守护进程实例

Mar 06 Javascript

BootStrap与validator 使用笔记(JAVA SpringMVC实现)

Sep 21 Javascript

简单谈谈Vue 模板各类数据绑定

Sep 25 Javascript

uni-app 支持多端第三方地图定位的方法

Jan 03 Javascript

vue 把二维或多维数组转一维数组

Apr 24 Vue.js

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使用array_rand()函数从数组中随机选择一个或多个元素

2014/04/28 PHP

ThinkPHP静态缓存简单配置和使用方法详解

2016/03/23 PHP

解决出现SoapFault (looks like we got no XML document)的问题

2017/06/24 PHP

PHP获取二叉树镜像的方法

2018/01/17 PHP

PHP使用Redis长连接的方法详解

2018/02/12 PHP

php 后端实现JWT认证方法示例

2018/09/04 PHP

安装PHP扩展时解压官方 tgz 文件后没有configure文件无法进行配置编译的问题

2020/08/26 PHP

IE8 引入跨站数据获取功能说明

2008/07/22 Javascript

JavaScript高级程序设计读书笔记之十一内置对象Global

2012/03/07 Javascript

javascript解决innerText浏览器兼容问题思路代码

2013/05/17 Javascript

有效提高JavaScript执行效率的几点知识

2015/01/31 Javascript

jQuery处理json数据返回数组和输出的方法

2015/03/11 Javascript

基于jQuery倾斜打开侧边栏菜单特效代码

2015/09/15 Javascript

jquery ui dialog替代confirm实例分析

2016/01/25 Javascript

JSON与XML的区别对比及案例应用

2016/11/11 Javascript

jquery购物车结算功能实现方法

2020/10/29 Javascript

分享5个小技巧让你写出更好的 JavaScript 条件语句

2018/10/20 Javascript

LayUI动态设置checkbox不显示的解决方法

2019/09/02 Javascript

Vue中axios拦截器如何单独配置token

2019/12/27 Javascript

微信小程序获取手机号 JavaScript解密示例代码详解

2020/05/14 Javascript

javascript+Canvas实现画板功能

2020/06/23 Javascript

30分钟搭建Python的Flask框架并在上面编写第一个应用

2015/03/30 Python

python实现根据用户输入从电影网站获取影片信息的方法

2015/04/07 Python

Python中最常用的操作列表的几种方法归纳

2015/04/24 Python

如何利用Fabric自动化你的任务

2016/10/20 Python

python按时间排序目录下的文件实现方法

2018/10/17 Python

python如何实现异步调用函数执行

2019/07/08 Python

python闭包、深浅拷贝、垃圾回收、with语句知识点汇总

2020/03/11 Python

pycharm不以pytest方式运行,想要切换回普通模式运行的操作

2020/09/01 Python

python 利用matplotlib在3D空间中绘制平面的案例

2021/02/06 Python

Otel.com：折扣酒店预订

2017/08/24 全球购物

党员批评与自我批评发言材料

2014/10/14 职场文书

人口与计划生育责任书

2015/05/09 职场文书

2015年工商局个人工作总结

2015/07/23 职场文书

pytorch model.cuda()花费时间很长的解决

2021/06/01 Python

Python+Tkinter打造签名设计工具

2022/04/01 Python