编程 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正则表达式(手机号码/IP正则/邮编正则/电话等)

Jan 11 Javascript

多选列表框动态添加,移动,删除,全选等操作的简单实例

Jan 13 Javascript

JavaScript fontsize方法入门实例（按照指定的尺寸来显示字符串）

Oct 17 Javascript

原生JavaScript编写俄罗斯方块

Mar 30 Javascript

ECMAScript6中Map/WeakMap详解

Jun 12 Javascript

JavaScript实现数组随机排序的方法

Jun 26 Javascript

js显示当前日期时间和星期几

Oct 22 Javascript

Node.js的MongoDB驱动Mongoose基本使用教程

Mar 01 Javascript

javascript实现消灭星星小游戏简单版

Nov 15 Javascript

JSP防止网页刷新重复提交数据的几种方法

Nov 19 Javascript

Angular.js实现动态加载组件详解

May 28 Javascript

Element-UI 使用el-row 分栏布局的教程

Oct 26 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删除数组中特定元素的两种方法

2013/07/02 PHP

PHP实现简单日历类编写

2020/08/28 PHP

用JAVASCRIPT如何给&lt;textarea&gt;&lt;/textarea&gt;赋值

2007/04/20 Javascript

IE6,IE7,IE8下使用Javascript记录光标选中范围（已补全）

2011/08/28 Javascript

js三种排序算法分享

2012/08/16 Javascript

js中cookie的添加、取值、删除示例代码

2013/10/21 Javascript

深入探讨javascript中的数据类型

2015/03/04 Javascript

Bootstrap每天必学之标签与徽章

2015/11/27 Javascript

webpack vue项目开发环境局域网访问方法

2018/03/20 Javascript

vue.js 双层嵌套for遍历的方法详解, 类似php foreach()

2018/09/07 Javascript

vue input实现点击按钮文字增删功能示例

2019/01/29 Javascript

基于vue开发微信小程序mpvue-docs跳转页面功能

2019/04/10 Javascript

vue列表单项展开收缩功能之this.$refs的详解

2019/05/05 Javascript

微信小程序组件的外部样式externalClasses使用详解

2019/09/06 Javascript

vue中全局路由守卫中替代this操作(this.$store/this.$vux)

2020/07/24 Javascript

[01:36]DOTA2完美大师赛趣味视频之与队友相处的十万个技巧

2017/11/19 DOTA

python实现比较文件内容异同

2018/06/22 Python

Python 使用PIL中的resize进行缩放的实例讲解

2018/08/03 Python

Pandas 按索引合并数据集的方法

2018/11/15 Python

python实现自动解数独小程序

2019/01/21 Python

不到40行代码用Python实现一个简单的推荐系统

2019/05/10 Python

selenium获取当前页面的url、源码、title的方法

2019/06/12 Python

Django Admin后台模型列表页面如何添加自定义操作按钮

2020/11/11 Python

TensorFlow的环境配置与安装方法

2021/02/20 Python

python openpyxl模块的使用详解

2021/02/25 Python

新西兰廉价汽车租赁：Snap Rentals

2018/09/14 全球购物

定义一结构体数组表示分数，并求两个分数相加之和

2013/06/11 面试题

军训学生自我鉴定

2014/02/12 职场文书

学习雷锋精神心得体会范文

2014/03/12 职场文书

年度评优评先方案

2014/06/03 职场文书

教师职业道德事迹材料

2014/08/18 职场文书

农业项目投资意向书

2015/05/09 职场文书

CocosCreator ScrollView优化系列之分帧加载

2021/04/14 Python

java固定大小队列的几种实现方式详解

2021/07/15 Java/Android

vue elementUI表格控制对应列

2022/04/13 Vue.js

python神经网络 tf.name_scope 和 tf.variable_scope 的区别

2022/05/04 Python