                        课程
                    
                        /前端开发
                        
                            /Angular
                        
                        /AngularJS实战

这样写新版本可以正常使用

<p>{{greeting.text}},angular</p>

</div>

<p>{{greeting.text}},angular</p>

</div>

</div>

</body>

--------------------------------------------------------------------------

angular.module("myApp",[]).controller("CommonController",['$scope',function($scope){

$scope.commonFn=function (){

alert("这是通用功能")

}

}]).controller("Controller1",['$scope',function($scope){

$scope.greeting={

text:"hello1"

}

$scope.test1=function (){

alert("test1")

}

}]).controller("Controller2",['$scope',function($scope){

$scope.greeting={

text:"hello2"

}

$scope.test2=function (){

alert("test2")

}

}]);

belor

2016-08-09

源自：AngularJS实战 2-2

关注问题我要回答

436

操作

收起

1 回答

stoptalking
2017-01-26

<body ng-app="myApp">
    <div ng-controller="CommonController">
        <div ng-controller="Controller1">
            <p>{{greeting.text}},Angular</p>
            <button ng-click="test1()">test1</button>
        </div>
        <div ng-controller="Controller2">
            <p>{{greeting.text}},Angular</p>
            <button ng-click="test2()">test2</button>
        </div>
        <button ng-click="commonFn()">通用</button>
    </div>
</body>

var app = angular.module("myApp", []);
app.controller("CommonController", function($scope){
    $scope.commonFn = function(){
        alert("这是通用控制器");
    };
});

app.controller("Controller1", function($scope){
    $scope.greeting = {
        text:"Hello1"
    };
    $scope.test1 = function(){
        alert("控制器1");
    }
});

app.controller("Controller2", function($scope){
    $scope.greeting = {
        text:"Hello2"
    };
    $scope.test2 = function(){
        alert("控制器2");
    }
});