编程 Javascript

AngularJS基础 ng-src 指令简单示例

Posted in Javascript onAugust 03, 2016

AngularJS ng-src 指令

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-src="{{myVar}}">
</div>

<p>该实例可以使用原生的 src 输出，但是使用 AngularJS 代码插入值，使用 ng-src 属性更好。</p>

</body>
</html>

定义和用法

ng-src 指令覆盖了 <img> 元素的 src 属性。

如果你使用了 AngularJS 代码设置图片地址，请使用 ng-src 指令替代 src 属性。

ng-src 指令确保的 AngularJS 代码执行前不显示图片。

语法

<img> 元素支持该属性。

参数值

值	描述
string	表达式返回的字符串。

以上就对AngularJS ng-src 资料的整理，后续继续补充，谢谢大家对本站的支持！

AngularJS基础 ng-src 指令简单示例

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

点击隐藏页面左栏或右栏实现js代码

Apr 01 Javascript

使用jQuery内容过滤选择器选择元素实例讲解

Apr 18 Javascript

jquery幻灯片插件bxslider样式改进实例

Oct 15 Javascript

js实现文本框支持加减运算的方法

Aug 19 Javascript

jQuery实现的网格线绘制方法

Jun 20 Javascript

javascript事件捕获机制【深入分析IE和DOM中的事件模型】

Dec 15 Javascript

Web纯前端“旭日图”实现元素周期表

Mar 10 Javascript

vue.js实现价格格式化的方法

May 23 Javascript

浅谈JS中的反柯里化( uncurrying)

Aug 17 Javascript

AngularJS的$location使用方法详解

Oct 19 Javascript

JavaScript实现打砖块游戏

Feb 25 Javascript

Vue 请求传公共参数的操作

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

JS实现保留n位小数的四舍五入问题示例

Aug 03 #Javascript

AngularJS基础 ng-repeat 指令简单示例

Aug 03 #Javascript

You might like

PHP无敌近乎加密方式！

2010/07/17 PHP

PHP教程之PHP中shell脚本的使用方法分享

2012/02/23 PHP

有关phpmailer的详细介绍及使用方法

2013/01/28 PHP

神盾加密解密教程（一）PHP变量可用字符

2014/05/28 PHP

Laravel中如何轻松容易的输出完整的SQL语句

2020/07/26 PHP

Firefox div高度自适应

2009/04/28 Javascript

利用javascript数组长度循环数组内所有元素

2013/12/27 Javascript

javascript中if和switch，==和===详解

2015/07/30 Javascript

JavaScript检测并限制复选框选中个数的方法

2015/08/12 Javascript

简单谈谈javascript中的变量、作用域和内存问题

2015/08/30 Javascript

jQuery验证插件validate使用详解

2016/05/11 Javascript

详解js产生对象的3种基本方式（工厂模式，构造函数模式，原型模式）

2017/01/09 Javascript

Bootstrap按钮组简单实现代码

2017/03/06 Javascript

jQuery pagination分页示例详解

2018/10/23 jQuery

JavaScript Canvas编写炫彩的网页时钟

2019/10/16 Javascript

[01:13]2014DOTA2西雅图邀请赛舌尖上的TI4

2014/07/08 DOTA

[14:24]Optic Gaming vs PSG LGD BO3

2018/06/07 DOTA

python实现的一个p2p文件传输实例

2014/06/04 Python

python读取TXT到数组及列表去重后按原来顺序排序的方法

2015/06/26 Python

Python微信公众号开发平台

2018/01/25 Python

python使用sqlite3时游标使用方法

2018/03/13 Python

python删除本地夹里重复文件的方法

2020/11/19 Python

Pytorch中的VGG实现修改最后一层FC

2020/01/15 Python

幼儿运动会邀请函

2014/01/17 职场文书

挂牌仪式主持词

2014/03/20 职场文书

《冬阳童年骆驼队》教学反思

2014/04/15 职场文书

奠基仪式策划方案

2014/05/15 职场文书

预备党员公开承诺书

2014/05/28 职场文书

英语三分钟演讲稿

2014/08/19 职场文书

领导干部整治奢华浪费之风思想汇报

2014/10/07 职场文书

行政诉讼答辩状

2015/05/21 职场文书

校园广播站开场白

2015/06/01 职场文书

导游词之西安骊山

2019/12/03 职场文书

修改MySQL的数据库引擎为INNODB的方法

2021/05/26 MySQL

java基础——多线程

2021/07/03 Java/Android

Nginx反向代理、重定向

2022/04/13 Servers