Angular Js是由google创建的一种Javascript框架;
Angular Js表达式把数据绑定到Html页面,输出结果;
1、概念:
写在双大括号内{{ }};
当把数据绑定到Html页面是与ng-bind基本一样;
数据输出在写表达式的位置;
与js表达式差不多;
2、表达式书写
ng-app:定义一个应用程序;
ng-init:初始化应用程序的变量;
1)数字表达式:
<div ng-app="" ng-init="num1=4"; num2=5> <p>sum:{{num1 + num2"}}</p> </div>
用ng-bind时:
<div ng-app="" ng-init="num1=4"; num2=5> <p>sum: <span ng-bind = "num1 + num2"></span></p> </div>
输出结果为:
//输出结果 sum:9
无论使用AngularJs还是使用ng-bind,用法都差不多,输出的结果都一样,以下都是如此;
2)字符串表达式:
<div ng-app="" ng-init="num1='Mary'; num2=Jhon"> <p>name:{{num1 +' '+ num2"}}</p> </div>
输出结果:
//输出结果 name:Mary Jhon
3)数组表达式:
<div ng-app="" ng-init="array=[1,2,3,4,5,6,7,8]"> <p>下标为5的值是:{{array[5]}}</p> </div>
输出结果为:
//输出结果 下标为5的值是:6
4)对象表达式:
<div ng-app="" ng-init="Person={name:zhangsan, age:22}"> <p>该人的年龄为:{{Person.name}}</p> </div>
输出结果为:
//结果为 该人的年龄为:22
3、AngularJs表达式类似与JS表达式,包含变量、字母、操作符;但是与JS也有一定的区别,AngularJs可以写在Html中,一般不用于判断语句。