angularjs.html <!doctype html> <html> <head> <meta charset="UTF-8"> <title>AngualrJS进阶</title> <link rel="stylesheet" type="text/css" href="css/foundation.css"> </head> <body style="padding:10px;" ng-app="app"> <div ng-controller="FirstCtrl"> <input type="text"ng-model="msg"> <h1>{{msg}}</h1> <br> <h1 ng-bind="msg"></h1> <!--可以使用ng-bind进行绑定，这样就不需要输入{{}}--> </div> <div ng-controller="SecondCtrl"> <input type="text" ng-model="msg"> <h1>{{msg}}</h1> <!--同样是msg，但是显示的不同这就是控制器作用域的问题，这个msg绑定的是SecondCtrl--> </div> </body> <script type="text/javascript" src="js/angular.js"></script> <script type="text/javascript" src="js/myctrl.js"></script> </html>
myctrl.js angular.module('app',[]) .controller('FirstCtrl',function($scope){ $scope.msg="hello angular"; }) .controller('SecondCtrl',function($scope){ $scope.msg="hello angularjs" })
