编程 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间隔刷新的简单实例

Nov 14 Javascript

JavaScript前补零操作实例

Mar 11 Javascript

JavaScript把数组作为堆栈使用的方法

Mar 20 Javascript

基于jQuery和CSS3制作响应式水平时间轴附源码下载

Dec 20 Javascript

JS 调试中常见的报错问题解决方法

May 20 Javascript

使用vue-cli（vue脚手架）快速搭建项目的方法

May 21 Javascript

vue监听键盘事件的快捷方法【推荐】

Jul 11 Javascript

js+SVG实现动态时钟效果

Jul 14 Javascript

angularJs中$scope数据序列化的实例

Sep 30 Javascript

vue-cli+iview项目打包上线之后图标不显示问题及解决方法

Oct 16 Javascript

vue页面更新patch的实现示例

Mar 25 Javascript

json_decode 索引为数字时自动排序问题解决方法

Mar 28 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过滤所有恶意字符(批量过滤post,get敏感数据)

2014/03/18 PHP

PhpDocumentor 2安装以及生成API文档的方法

2014/05/21 PHP

几道坑人的PHP面试题试试看看你会不会也中招

2014/08/19 PHP

PHP简单字符串过滤方法示例

2016/09/04 PHP

PHP注释语法规范与命名规范详解篇

2018/01/21 PHP

PHP的微信支付接口使用方法讲解

2019/03/08 PHP

jquery 学习之二属性相关

2010/11/23 Javascript

使用jquery实现div的tab切换实例代码

2013/05/27 Javascript

获取数组中最大最小值方法js代码(自写)

2013/08/12 Javascript

使用Js让Html中特殊字符不被转义

2013/11/05 Javascript

Javascript中call与apply的学习笔记

2014/09/22 Javascript

原生js实现商品放大镜效果

2017/01/12 Javascript

图片上传之FileAPI与NodeJs

2017/01/24 NodeJs

JS实现的加减乘除四则运算计算器示例

2017/08/09 Javascript

Cropper.js 实现裁剪图片并上传(PC端)

2017/08/20 Javascript

微信小程序封装的HTTP请求示例【附升级版】

2019/05/11 Javascript

vuex vue简单使用知识点总结

2019/08/29 Javascript

js实现日历

2020/11/07 Javascript

基于vue的video播放器的实现示例

2021/02/19 Vue.js

Python 自动安装 Rising 杀毒软件

2009/04/24 Python

Python中使用urllib2防止302跳转的代码例子

2014/07/07 Python

跟老齐学Python之做一个小游戏

2014/09/28 Python

Python计算开方、立方、圆周率,精确到小数点后任意位的方法

2018/07/17 Python

Python中list的交、并、差集获取方法示例

2019/08/01 Python

Python openpyxl模块实现excel读写操作

2020/06/30 Python

Window10上Tensorflow的安装(CPU和GPU版本)

2020/12/15 Python

用pushplus+python监控亚马逊到货动态推送微信

2021/01/29 Python

pycharm配置python 设置pip安装源为豆瓣源

2021/02/05 Python

CSS3之多背景background使用示例

2013/10/18 HTML / CSS

世界上最大的汽车共享网站：Zipcar

2017/01/14 全球购物

PHP开发工程师面试问题集锦

2012/11/01 面试题

2014校长四风问题对照检查材料思想汇报

2014/09/16 职场文书

2014年公路养护工作总结

2014/12/04 职场文书

javascript拖曳互换div的位置实现示例

2021/06/28 Javascript

AngularJS实现多级下拉框

2022/03/25 Javascript

Windows Server 2019 域控制器安装图文教程

2022/04/28 Servers