anjular js 表达式
2016-02-29 17:53
316 查看
1:angular js 表达式
HTML5 允许扩展的(自制的)属性,以 [b]data- 开头。
AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效。 [/b]
ng-init 指令初始化 AngularJS 应用程序变量。
表达式:把数据绑定到html。
angular js 表达式写在双大括号内{{expression}}
anjular js 表达式数据绑定到html与ng- bind指令相同
2:anjular js 数字
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价: {{ quantity * cost }}</p>
</div>
结果相同
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价: <span ng-bind="quantity * cost"></span></p>
</div>
3:Anjular js 字符串
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名: {{ firstName + " " + lastName }}</p>
</div>
结果相同
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名: <span ng-bind="firstName + ' ' + lastName"></span></p>
4;Angular js 对象
ng-init :进行数据初始化
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓为: {{ person.firstName }}</p>
</div><div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓为 <span ng-bind="person.lastName"></span></p>
</div>
</div>
HTML5 允许扩展的(自制的)属性,以 [b]data- 开头。
AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效。 [/b]
ng-init 指令初始化 AngularJS 应用程序变量。
表达式:把数据绑定到html。
angular js 表达式写在双大括号内{{expression}}
anjular js 表达式数据绑定到html与ng- bind指令相同
2:anjular js 数字
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价: {{ quantity * cost }}</p>
</div>
结果相同
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价: <span ng-bind="quantity * cost"></span></p>
</div>
3:Anjular js 字符串
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名: {{ firstName + " " + lastName }}</p>
</div>
结果相同
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名: <span ng-bind="firstName + ' ' + lastName"></span></p>
4;Angular js 对象
ng-init :进行数据初始化
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓为: {{ person.firstName }}</p>
</div><div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓为 <span ng-bind="person.lastName"></span></p>
</div>
</div>
相关文章推荐
- WEB开发者必备的7个JavaScript函数
- JavaScript之基本概念
- JSTL中<c:set>标签的用法
- JavaScript:执行环境及作用域
- 对jsp九大内置对象的理解
- JavaScript知识归纳(2)
- JSONP跨域请求数据报错 “Unexpected token :”的解决办法
- javascript节点操作DOMDocument属性和方法(转载)
- javascript内置对象
- JS 循环遍历JSON数据
- 基于JavaScript实现文字超出部分隐藏
- js正则表达式中关于零宽断言的奇异现象
- jsTree 的简单用法--异步加载和刷新数据
- javascript实例学习之一——联动下拉框
- JSP_004_Cookie介绍03—Cookie的domain(域)
- js刷新页面不回到顶部
- Respond.js在IE8失效原因分析
- js鼠标移动导航菜单出现下拉菜单
- javascript判断浏览器的版本
- javascript原生代码实现ajax请求