<!DOCTYPE html>
<html ng-app>
<head>
<meta charset=utf-8>
<meta name=description content="">
<meta name=viewport content="width=device-width, initial-scale=1">
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<title></title>
</head>
<body>
Your name:<input type="text" ng-model="test" placeholder="请输入姓名" >
<hr>
hello,{{test || ''}}
<div ng-app="" ng-init="firstName='John';num1=2;num2=3"> <p>姓名为 <span ng-bind="firstName"></span></p> <p>结果为 <span ng-bind="num1+num2"></span></p> <p>结果为 <span >{{num1+num2}}</span></p> </div><div ng-app="" ng-init="Person={firstName:'张',lastName:'三'}">
{{Person.firstName}}
</div>
<div ng-app="" ng-init="Number1=[1,2,3,4,5]">
{{Number1[1]}}
</div>
</body></html>
文本输入指令
<input ng-model="test" />
绑定到一个叫test
的模型变量。双大括号标记将
test
模型变量添加到问候语文本。你不需要为该应用另外注册一个事件侦听器或添加事件处理程序!
ng-app=" " 定义angularJS的使用范围;
ng-init="变量=值;变量='值'" 初始化变量的值,有多个变量时,中间用分号隔开;
ng-model="变量" 定义变量名;
ng-bind="变量" 绑定变量名,获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值,比如:{{变量}}。
类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。
与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。
与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。
与 JavaScript 表达式不同,AngularJS 表达式支持过滤器