编程 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实现在小方框中浏览大图的代码

Aug 14 Javascript

javascript attachEvent绑定多个事件执行顺序问题

Oct 20 Javascript

快速获取/设置iframe内对象元素的几种js实现方法

May 20 Javascript

Javascript点击按钮随机改变数字与其颜色

Sep 01 Javascript

js实现将json数组显示前台table中

Jan 10 Javascript

JavaScript函数节流和函数防抖之间的区别

Feb 15 Javascript

vue-router路由简单案例介绍

Feb 21 Javascript

Angularjs过滤器实现动态搜索与排序功能示例

Dec 13 Javascript

jQuery实现常见的隐藏与展示列表效果示例

Jun 04 jQuery

JavaScript基于对象方法实现数组去重及排序操作示例

Jul 10 Javascript

解决eclipse中没有js代码提示的问题

Oct 10 Javascript

JavaScript私有变量实例详解

Jan 24 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/10/31 PHP

php查看请求头信息获取远程图片大小的方法分享

2013/12/25 PHP

PHP中使用asort进行中文排序失效的问题处理

2014/08/18 PHP

php上传图片并压缩的实现方法

2015/12/22 PHP

IE6下通过a标签点击切换图片的问题

2010/11/14 Javascript

20款非常优秀的 jQuery 工具提示插件推荐

2012/07/15 Javascript

node.js中的path.sep方法使用说明

2014/12/08 Javascript

Javascript实现div的toggle效果实例分析

2015/06/09 Javascript

JavaScript+html5 canvas制作色彩斑斓的正方形效果

2016/01/27 Javascript

Angularjs使用directive自定义指令实现attribute继承的方法详解

2016/08/05 Javascript

js实现五星评价功能

2017/03/08 Javascript

基于jquery实现多选下拉列表

2017/08/02 jQuery

详解webpack3如何正确引用并使用jQuery库

2017/08/26 jQuery

javascript将list转换成树状结构的实例

2017/09/08 Javascript

使用命令行工具npm新创建一个vue项目的方法

2017/12/27 Javascript

微信小程序实现转盘抽奖

2020/09/21 Javascript

解决Vue大括号字符换行踩的坑

2020/11/09 Javascript

angular8.5集成TinyMce5的使用和详细配置(推荐)

2020/11/16 Javascript

[39:46]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第二场 11.25

2020/11/25 DOTA

在Python下使用Txt2Html实现网页过滤代理的教程

2015/04/11 Python

Python爬虫天气预报实例详解（小白入门）

2018/01/24 Python

Python通过调用mysql存储过程实现更新数据功能示例

2018/04/03 Python

python 提取key 为中文的json 串方法

2018/12/31 Python

python GUI库图形界面开发之PyQt5控件数据拖曳Drag与Drop详细使用方法与实例

2020/02/27 Python

Python unittest如何生成HTMLTestRunner模块

2020/09/08 Python

Python实现随机爬山算法

2021/01/29 Python

html5利用canvas绘画二级树形结构图的示例

2017/09/27 HTML / CSS

小学安全教育材料

2014/02/17 职场文书

房屋出售协议书

2014/04/10 职场文书

警察先进个人事迹材料

2014/05/16 职场文书

大学生违纪检讨书300字

2014/10/25 职场文书

学校会议通知范文

2015/04/15 职场文书

Python中os模块的简单使用及重命名操作

2021/04/17 Python

Python基础之教你怎么在M1系统上使用pandas

2021/05/08 Python

JavaScript 事件捕获冒泡与捕获详情

2021/11/11 Javascript

Elasticsearch 批量操作

2022/04/19 Python