controller

控制器，控制器嵌套

by dream apple

HTML

<div ng-app="MyApp">
    <div ng-controller="ParentController">
         <h1>{{Jack}}</h1>

         <h2>{{Jack.name}}</h2>

        <div ng-controller="ChildController">
            <button ng-click="changeName('Jack')">changeName</button>
            <div>{{count}}</div>
            <button ng-click="add(1)">+1</button>
            <button ng-click="minus(1)">-1</button>
        </div>
    </div>
</div>

JavaScript

angular.module("MyApp", [])
    .controller("ParentController", function ($scope) {
    $scope.Jack = {
        name: "jack"
    }
})
    .controller("ChildController", function ($scope) {
    $scope.count = 0;
    $scope.changeName = function (name) {
        $scope.Jack.name = name;
    }
    $scope.add = function () {
        $scope.count++;
    }
    $scope.minus = function () {
        $scope.count--;
    }
});