/AngularJs 控制器

AngularJs控制器控制應用程序(的數據).

AngularJs控制器是常規的JavaScript對象,由標準的JavaScript對象的構造函數建立

ng-controller指令定義了應用程序控制器.

　　<div ng-app="myApp" ng-controller="myCtrl">
        <label for="">名：<input type="text" ng-model="firstName"></label>
        <label for="">姓：<input type="text" ng-model="lastName"></label>
        <br />
        姓名：{{firstName + lastName}}
    </div>
    <script>
        var app = angular.module("myApp",[]);
        app.controller("myCtrl",function($scope){
            $scope.firstName = "hehe";
            $scope.lastName = "老街";
        })
    </script>

應用解析：

AngularJs應用程序由ng-app定義，應用程序在<div>內運行。

ng-controller="myCtrl"屬性是一個AngularJS的一個指令，用來定義一個控制器。

AngularJS使用$scope對象來調用控制器。

在AngularJs中，$scope是一個應用對象(屬於應用變量和函數).

控制器的$scope(至關於做用域、控制範圍)用來保存AngularJs Model(模型)

控制器在做用域中建立了兩個屬性(firstName和lastName)

ng-model指令綁定輸入域到控制器的屬性(firstName和lastName).

控制器方法：

<div ng-app="myApp" ng-controller="myCtrl">
        <label for="">名：<input type="text" ng-model="firstName"></label>
        <label for="">姓：<input type="text" ng-model="lastName"></label>
        <br />
        姓名：{{fullName()}
    </div>
    <script>
        var app = angular.module("myApp",[]);
        app.controller("myCtrl",function($scope){
            $scope.firstName = "hehe";
            $scope.lastName = "老街";
            $scope.fullName = function () {
                return $scope.firstName + "" + $scope.lastName;
            }
        })
    </script>

外部文件中的控制器

　　<div ng-app="myApp" ng-controller="namesCtrl">
        <ul>
            <li ng-repeat="x in names">
                {{x.name + "," +x.country}}
            </li>
        </ul>
    </div>
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script src="namesController.js"></script>

angular.module("myApp",[]).controller("namesCtrl",function($scope){
    $scope.names = [
        {name:"Jani",country:"Norway"},
        {name:"Hege",country:"Sweden"},
        {name:"Kai",country:"Denmark"}
    ];
})