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

一些常用的JS功能函数(2009-06-04更新)

Jun 04 Javascript

简单常用的幻灯片播放实现代码

Sep 25 Javascript

node.js中的fs.lchmod方法使用说明

Dec 16 Javascript

基于jQuery的JavaScript模版引擎JsRender使用指南

Dec 29 Javascript

JavaScript中string对象

Jun 12 Javascript

JS实现霓虹灯文字效果的方法

Aug 06 Javascript

AngularJS实现动态编译添加到dom中的方法

Nov 04 Javascript

JavaScript ES6中const、let与var的对比详解

Jun 18 Javascript

js中null与空字符串""的区别讲解

Jan 17 Javascript

Node.js控制台彩色输出的方法与原理实例详解

Dec 01 Javascript

JavaScript Window浏览器对象模型原理解析

May 30 Javascript

详解element-ui 表单校验 Rules 配置常用黑科技

Jul 11 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

全国FM电台频率大全 - 1 北京市

2020/03/11 无线电

ThinkPHP自定义函数解决模板标签加减运算的方法

2015/07/03 PHP

PHP+iframe模拟Ajax上传文件功能示例

2019/07/02 PHP

jQuery LigerUI 使用教程表格篇(1)

2012/01/18 Javascript

javascript作用域容易记错的两个地方分析

2012/06/22 Javascript

JSP中使用JavaScript动态插入删除输入框实现代码

2014/06/13 Javascript

javascript中的altKey 和 Event属性大全

2015/11/06 Javascript

jquery获取img的src值的简单实例

2016/05/17 Javascript

微信小程序开发工具快捷键整理

2016/10/31 Javascript

BootStrap组件之进度条的基本用法

2017/01/19 Javascript

AngularJs实现聊天列表实时刷新功能

2017/06/15 Javascript

js分页之前端代码实现和请求处理

2017/08/04 Javascript

微信小程序点击生成朋友圈分享图(遇到的坑)

2020/06/17 Javascript

[01:04:09]DOTA2-DPC中国联赛正赛 iG vs VG BO3 第二场 2月2日

2021/03/11 DOTA

linux 下实现python多版本安装实践

2014/11/18 Python

python实现计算倒数的方法

2015/07/11 Python

Python使用QQ邮箱发送Email的方法实例

2017/02/09 Python

Python使用SQLite和Excel操作进行数据分析

2018/01/20 Python

Python Json模块中dumps、loads、dump、load函数介绍

2018/05/15 Python

TensorFlow 合并/连接数组的方法

2018/07/27 Python

基于Python的PIL库学习详解

2019/05/10 Python

Django工程的分层结构详解

2019/07/18 Python

python selenium登录豆瓣网过程解析

2019/08/10 Python

pytorch如何冻结某层参数的实现

2020/01/10 Python

python unichr函数知识点总结

2020/12/16 Python

html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等

2014/05/07 HTML / CSS

Html5页面点击遮罩层背景关闭遮罩层

2020/11/30 HTML / CSS

绿色美容，有机护肤品和化妆品：Safe & Chic

2018/10/29 全球购物

如何判断计算机可能已经中马

2013/03/22 面试题

计算机软件个人的自荐信范文

2013/12/01 职场文书

护理工作个人总结

2015/03/03 职场文书

因家庭原因离职的辞职信范文

2015/05/12 职场文书

甲午大海战观后感

2015/06/02 职场文书

2016年寒假政治学习心得体会

2015/10/09 职场文书

党性教育心得体会（共6篇）

2016/01/21 职场文书

python获取淘宝服务器时间的代码示例

2021/04/22 Python