angularJS中如何写控制器

Posted on 2015-09-24 15:41  晚睡早起  阅读(274)  评论(0)    收藏  举报
  • angularJS中的控制器是一个函数,用来向视图作用域中添加额外的功能,我们用它来给作用域对象设置初始状态，并添加自定义行为
  • 当我们在页面上创建一个新的控制器时,angularJS会生成并传递一个新的$scope给这个控制器
  • 控制器可以将与一个独立视图相关的业务逻辑封装在一个独立的容器中。尽可能地精简控制器是很好的做法
  • 控制器并不适合用来执行DOM操作、格式化或数据操作,以及除存储数据模型之外的状态维护操作,它只是视图和$scope之间的桥梁。
  • demo.html

<!doctype html>
<html ng-app="freefedApp">
   <head>
        <title>angular应用demo</title>
        <script src="angular.js"></script>
        <script src="app.js"></script>
  </head>
  <body>
  <div ng-controller="helloCtrl">
      <input ng-model="name" type="text" />
     <button ng-click="changeText()">change</button>
      <div>{{ name }}</div>
   </div>
  </body>
</html>
  • app.js

/*声明module*/
var module = angular.module('freefedApp',[]);

/*声明控制器*/
module.controller('helloCtrl',['$scope',function($scope){
      $scope.name = 'hello world';
      $scope.changeText = function(){
          $scope.name = 'hello dingdone';
      };
}]);