Angular學習（四）之AngularJS 控制器

1.AngularJS 控制器
AngularJS 應用程序被控制器控制；
ng-controller 指令定義了應用程序控制器；
AngularJS 控制器是常規的JavaScript對象（由標準的JavaScript對象的構造函數 創建）；
控制器也可以有方法（變量和函數）。

2.實例解析
<div ng-app="myApp" ng-controller="myCtrl">
名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});
</script>
備註
AngularJS 應用程序由 ng-app 定義。應用程序在指定的DOM元素 <div> 內運行。
ng-controller="myCtrl" 屬性用於定義一個控制器。
myCtrl 函數是一個JavaScript 函數（常規的JavaScript對象）。
AngularJS 使用$scope 對象來調用控制器。
在 AngularJS 中， $scope 是一個應用象(屬於應用變量和函數)。
控制器的 $scope （相當於作用域、控制範圍）用來保存AngularJS Model(模型)的對象。
控制器在作用域中創建了兩個屬性(firstName 和lastName)。
ng-model 指令綁定輸入域到控制器的屬性（firstName 和 lastName）。