编程 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获取单选按钮的数据

Nov 27 Javascript

JQuery 常用方法基础教程

Feb 06 Javascript

一次失败的jQuery优化尝试小结

Feb 06 Javascript

jquery对table中各数据的增加、保存、删除操作示例

May 14 Javascript

js实现改进的仿蓝色论坛导航菜单效果代码

Sep 06 Javascript

jquery实现简单的二级导航下拉菜单效果

Sep 07 Javascript

JS将滑动门改为选项卡（需鼠标点击）的实现方法

Sep 27 Javascript

浅谈js中的in-for循环

Jun 28 Javascript

bootstrap——bootstrapTable实现隐藏列的示例

Jan 14 Javascript

Angular排序实例详解

Jun 28 Javascript

Vue中的无限加载vue-infinite-loading的方法

Apr 08 Javascript

微信小程序进入广告实现代码实例

Sep 19 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