angularJS中如何写控制器

时间：2015-09-24 16:35:23 阅读：123 评论：0 收藏：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‘;
      };
}]);

angularJS中如何写控制器

标签：

原文地址：http://www.cnblogs.com/freefed/p/4835536.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行