1、 ng-app
ng-app指令告诉 AngularJS，什么元素是 AngularJS 应用程序 的"所有者"，比如：如果没有加上这个的话即移除了 ng-app 指令，HTML 将直接把表达式显示出来，不会去计算表达式的结果
<div ng-app=""> <p>名字 : <input type="text" ng-model="username"></p> <h1>Hello {{username}}</h1> </div>
注意：一个页面上默认只加载一个ng-app,多个默认显示一个！如果想启动其它ng-app，需要通过js去控制
<div id="nameContent" ng-app="name" ng-controller="nameAll" ng-init="firstName='John';lastName='Doe'">
<p>姓名： <span ng-bind="firstName + ' ' + lastName"></span></p>
</div>
<div id="addContent" ng-app="calculate" ng-controll="add" >
<input type="text" ng-model="firstNum" id="firstNum" />
<input type="text" ng-model="secondNum" id="secondNum" />
<p>{{ firstNum}} + {{secondNum }} =
{{ $eval(firstNum) + $eval(secondNum) }}</p>
</div>
<script type="text/javascript" src="js/angular-1.0.1.min.js" ></script>
<script>
var app = angular.module('name', []);
app.controller('nameAll', function($scope) {
$scope.firstName= "firstName";
$scope.lastName= "lastName";
});
var app1 = angular.module('calculate', []);
app1.controller('add', function($scope) {
$scope.firstNum= "firstNum";
$scope.secondNum= "secondNum";
});
angular.bootstrap(document.getElementById("addContent"), ['calculate']);
</script>
2、 ng-model
ng-model 指令把输入域的值绑定到应用程序变量 name上面，用来指定变量的名字
比如：
<input type="text" ng-model="username">
3、 ng-bind
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML，用来显示ng-model变量的值
比如：
<h2 ng-bind="username"></h2>
还有另外一种显示的方法是：
<h1>Hello {{username}}</h1>
4、 HTML5 允许扩展的（自制的）属性，以 data- 开头。AngularJS 属性以 ng- 开头，但是您可以使用 data-ng- 来让网页对 HTML5 有效
比如：
<h3 data-ng-bind="username"></h3>
5、 angularjs表达式
是将表达式写在{{}}里面，把数据绑定到 HTML，表达式书写的位置"输出"数据
它们可以包含文字、运算符和变量
6、 ng-controller
控制器
AngularJS 模块定义应用：var app = angular.module('【这里写ng-app的值】', []);
AngularJS 控制器控制应用:
app.controller(【这里写ng-controller的值】, function($scope) {
$scope. 【这里写ng-model的变量名】= "【这里写ng-model的值】";
$scope. 【这里写ng-model的变量名】= "【这里写ng-model的值】";
});
比如：（注意：计算数字的话，要加上$eval(里面放数字)，不然会被当做是字符串）
<div ng-app="calculate" ng-controll="add" >
<input type="text" ng-model="firstNum" id="firstNum" />
<input type="text" ng-model="secondNum" id="secondNum" />
<p>{{ firstNum}} + {{secondNum }} = {{ $eval(firstNum) + $eval(secondNum) }}</p>
</div>
<script>
var app = angular.module('calculate', []);
app.controller('add', function($scope) {
$scope.firstNum= "firstNum";
$scope.secondNum= "secondNum";
});
</script>
7、 ng-init
初始化数据
比如：
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名： <span ng-bind="firstName + ' ' + lastName"></span></p>
</div>