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

基于jQuery的Spin Button自定义文本框数值自增或自减

Jul 17 Javascript

Prototype源码浅析 Number部分

Jan 16 Javascript

SeaJS入门教程系列之SeaJS介绍（一）

Mar 03 Javascript

Js实现手机发送验证码时按钮延迟操作

Jun 20 Javascript

js实现点击后将文字或图片复制到剪贴板的方法

Aug 04 Javascript

javascript实现当前页导航激活的方法

Feb 27 Javascript

PHP+jQuery实现随意拖动层并即时保存拖动位置

Apr 30 Javascript

利用Javascript仿Excel的数据透视分析功能

Sep 07 Javascript

Bootstrap下拉菜单Dropdowns的实现代码

Mar 17 Javascript

ionic3+Angular4实现接口请求及本地json文件读取示例

Oct 11 Javascript

深入理解Vue官方文档梳理之全局API

Nov 22 Javascript

微信小程序云开发实现数据添加、查询和分页

May 17 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数组的维度

2013/06/10 PHP

php获取淘宝分类id示例

2014/01/16 PHP

php mail to 配置详解

2014/01/16 PHP

thinkphp普通查询与表达式查询实例分析

2014/11/24 PHP

PHP学习笔记（三）：数据类型转换与常量介绍

2015/04/17 PHP

PHP输出缓冲控制Output Control系列函数详解

2015/07/02 PHP

Laravel框架实现修改登录和注册接口数据返回格式的方法

2018/08/17 PHP

PHP count()函数讲解

2019/02/03 PHP

gearman中worker常驻后台，导致MySQL server has gone away的解决方法

2020/02/27 PHP

给moz-firefox下添加IE方法和属性

2007/04/10 Javascript

js实现幻灯片播放图片示例代码

2013/11/07 Javascript

javascript + jquery实现定时修改文章标题

2014/03/19 Javascript

jQuery实现自动切换播放的经典滑动门效果

2015/09/12 Javascript

JavaScript File分段上传

2016/03/10 Javascript

基于Node.js + WebSocket打造即时聊天程序嗨聊

2016/11/29 Javascript

JS中实现函数return多个返回值的实例

2017/02/21 Javascript

Bootstrap Table 在指定列中添加下拉框控件并获取所选值

2017/07/31 Javascript

jquery实现左右轮播图效果

2017/09/28 jQuery

nodejs中request库使用HTTPS代理的方法

2019/04/30 NodeJs

js实现购物车商品数量加减

2020/09/21 Javascript

Eclipse中Python开发环境搭建简单教程

2016/03/23 Python

分数霸榜! python助你微信跳一跳拿高分

2018/01/08 Python

python 调用有道api接口的方法

2019/01/03 Python

HTML5 History API 实现无刷新跳转

2016/01/11 HTML / CSS

纽约现代艺术博物馆商店：MoMA STORE（室内家具和杂货商品）

2016/08/02 全球购物

中国电子产品外贸网站：MiniIntheBox

2017/02/06 全球购物

Hotels.com加拿大：领先的在线住宿网站

2018/10/05 全球购物

全球最受追捧的运动服品牌领先数字目的地：Stylerunner

2020/11/25 全球购物

平面网站制作专科生的自我评价分享

2013/12/11 职场文书

优秀的毕业生的自我评价

2013/12/12 职场文书

总经理文秘岗位职责

2014/02/03 职场文书

2014年有孩子的离婚协议书范本

2014/10/08 职场文书

开平碉楼导游词

2015/02/06 职场文书

工伤劳动仲裁代理词

2015/05/25 职场文书

2015年秋季运动会广播稿

2015/08/19 职场文书

什么是Python装饰器？如何定义和使用？

2022/04/11 Python