AngularJS学习笔记二

来源：互联网发布：apache atlas 编辑：程序博客网时间：2024/05/16 06:58

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表达式支持过滤器。

0 0