angularJS良好实践:如何为复杂的应用程序创建控制器?

时间:2016-08-22 20:25:51

标签: angularjs

假设我需要创建一个包含用户,任务和消息的仪表板应用程序。我只有angularJS的理论知识,而不是真实的应用程序,我不知道如何构建一个角度应用程序。

<html ng-app="myApp">
<head>
<script src="js/vendor/angular/angular.min.js"></script>
  <script src="js/app.js"></script>
</head>
<body>
    <div id="users" ng-controller="usersController"></div>
    <div id="tasks" ng-controller="tasksController"></div>
    <div id="messages" ng-controller="messagesController"></div>
</body>
</html>

和app.js

var myApp = angular.module('myApp', []);
myApp.controller('usersController', function($scope) {
    $scope.users = [{id:1, username:'john'},{id:2, username:'jack'}];
});

myApp.controller('tasksController', function($scope) {
    $scope.tasks = [];
    $scope.addTask = function(userid, task) {
    }
});

myApp.controller('messagesController', function($scope) {
    $scope.messages = [];
    $scope.addMessage = function(userid, message) {     
    }   
});

我无法弄清楚taskController如何与usersContoller或Taskcontroller对话。 或者我应该使用像

这样的东西
myApp.users = {};
myApp.tasks = {};
myApp.messages = {};

或者我应该使用服务吗?

最后如何监视用户,任务和消息的变化。

0 个答案:

没有答案