AngularJS学习笔记二

最新推荐文章于 2022-12-09 16:14:24 发布

seamanwang

最新推荐文章于 2022-12-09 16:14:24 发布

阅读量400

点赞数

分类专栏： angularJS 文章标签： angularJS

angularJS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

AngularJS表达式

AngularJS表达式写在又大括号内：{{ expression }}。

AngularJS表达式把数据绑定到HTML,这与ng-bind指令有异曲同工之妙。

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>

<div ng-app="" data-ng-init="quantity=1;cout=5;firstname='firstname';lastname='lastname';person={fristname:'one',lastname:'two'};points=[1,15,19,2,40]">
<p>我的第一个表达式: {{ 5 + 5 }}</p>
<p>使用data-ng-init表达式：{{quantity*cout}}</p>
<p>也可计算字符串{{firstname + "+" + lastname}}</p>
<p>也可是对象{{person.fristname}}</p>
<p>quantity*cout=<span data-ng-bind="quantity*cout"><span></p>
<p>还可以用ng-bind来处理在ng-bind中就需要去手括号 5 + 5 = <span data-ng-bind="5+5"></span><br/>
对象<span data-ng-bind="person.fristname"><span>
</p>
<p>也可以是数组{{points[4]}}</p>
</div>
	

</body>
</html>

AngularJS表达式与JavaScript表达式
AngularJS表达式很像JavaScript表达式：它们可包含文字、运算符和变量。

与JavaScript表达式不同，AngularJS表达式可以写在HTML中。

与JavaScript表达式不同，AngularJS表达式不支持条件数据，循环及异常。

与JavaScript表达式不同，AngularJS表达式支持过滤器。