AngularJS基础 ng-srcset 指令简单示例
更新时间：2016年08月03日 09:19:56 投稿：lqh
本文主要介绍AngularJS ng-srcset 指令,这里对ng-srcset 指令做了详细的资料整理，附有代码示例，有需要的小伙伴可以参考下
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 ng-srcset="string"></img>
<img> 和 <source> 元素支持该属性。
参数值
| 值 | 描述 |
|---|---|
| string | 表达式返回的字符串。 |
以上就是对ng-srcset 指令的基础资料整理，后续继续整理，谢谢大家对本站的支持！
相关文章
这篇文章主要介绍了Angular2 (RC4) 路由与导航的相关资料,需要的朋友可以参考下2016-09-09
AngularJs bootstrap搭载前台框架——js控制部分
本文主要介绍AngularJs bootstrap搭载前台框架js控制部分的资料，这里有实现代码，有兴趣的小伙伴可以参考下2016-09-09
Material(包括Material Icon)在Angular2中的使用详解
这篇文章主要介绍了Material(包括Material Icon)在Angular2中的使用,需要的朋友可以参考下2018-02-02
这篇文章主要介绍了AngularJS转换响应内容 的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了AngularJS入门教程（零）：引导程序,本文是系列文章中的一篇,本系列文章用开发一个AngularJS应用来讲解,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了3个可以改善用户体验的AngularJS指令,AngularJS是一款具有很高人气的JavaScript框架,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了基于angular2 的 http服务封装实例代码，2017-06-06
Protractor是一个建立在WebDriverJS基础上的端到端(E2E)的AngularJS JavaScript Web应用程序测试框架，下面这篇文章主要给大家介绍了angular.js自动化测试之protractor的相关资料，需要的朋友可以参考下。2017-07-07
下面小编就为大家分享一篇AngularJS中重新加载当前路由页面的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了使用AngularJS实现表单向导的方法,AngularJS是一款高人气JavaScript库,需要的朋友可以参考下2015-06-06
最新评论