方式一:
<body ng-app="myApp"> <div ng-controller="myCtrl1"> <h1>{{say()}}</h1> <h1>{{age}}</h1> </div> <div ng-controller="myCtrl2"> <h1>{{say()}}</h1> <h1>{{age}}</h1> </div> <script> // var app = angular.module('myApp');//获取一个模块 var app = angular.module('myApp', []);//创建一个模块 app.controller('myCtrl1',function ($scope, $rootScope) {//在模块中添加控制器 $scope.say = function () { return '大家好,我是Handsome!'; } }); app.controller('myCtrl2', ['$scope', '$rootScope', function (scope, rootScope) { scope.say = function () { return '大家好,我是Zhang!'; } rootScope.age = 23; }]); </script> </body>
方式二:
<body ng-app="myApp"> <div ng-controller="myCtrl1"> <h1>{{say()}}</h1> <h1>{{age}}</h1> </div> <div ng-controller="myCtrl2"> <h1>{{say()}}</h1> <h1>{{age}}</h1> </div> <script> angular.module('myApp', []) .controller('myCtrl1', function ($scope, $rootScope) { $scope.say = function () { return '你好,我是Handsome!'; } }) .controller('myCtrl2', ['$scope', '$rootScope', function (scope, rootScope) { scope.say = function () { return '你好,我是Zhang!'; } rootScope.age = 22; }]); </script> </body>