AngularJS模块应用依赖

Question

我已经在我的app.js文件 - “requestDashboard”和“newRequestDashboard”中声明了twp应用模块...“newRequestDashboard”依赖于“requestDashboard”（我有一个对象数组，这两个应用程序有不同的控制器分配给他们和阵列存储在“requestDashboard”我可能试图过度复杂这一点，但我不能因为某种原因显示任何对象。代码如下：

app.js：

angular.module('requestDashboard', ['ngRoute', 'ui.bootstrap']); 

angular.module('newRequestDashboard', ['ngRoute', 'ui.bootstrap', 'requestDashboard']); 

控制器在 “requestDashboard”

angular.module("requestDashboard") 
.controller('requestDashboardCtrl', function ($scope) { 

    //Dummy Data for user requests 
    $scope.requests = [ 
     { 
      type: "meeting1", 
      meetingName: "Radiology San Diego", 
      location:"Sheraton Ballroom 5S", 
      subitems: [ 
       { 
        name: "ESCALATED", 
        desc: "Power strips at every table", 
        priority:"1", 
        planner:"Jessica Q. Planner", 
        time:"02/15/15 at 8:15 AM", 
        quantity:"3; one power strip at ever table" 

       }, 
       { 
        name: "OPEN", 
        desc: "Extra table for 3", 
        priority:"3", 
        planner:"Jessica Q. Planner" 
       }, 
       { 
        name: "ACKNOWLEDGED", 
        desc: "Projector for meeting", 
        priority:"2", 
        planner:"Jessica Q. Planner" 
       }, 
       { 
        name: "CLOSED", 
        desc: "book exta room for 2 guests", 
        priority:"5", 
        planner:"Jessica Q. Planner" 
       }, 
       { 
        name: "CANCELLED", 
        desc: "extra chairs", 
        priority:"1", 
        planner:"Jessica Q. Planner" 
       } 
      ] 
     }, 
     { 
      type: "meeting2", 
      meetingName: "California Almond Growers", 
      location:"Sheraton FL14", 
      subitems: [ 
       { 
        name: "ESCALATED", 
        desc: "need some more almonds", 
        priority:"1", 
        planner:"Jessica Q. Planner" 
       }, 
       { 
        name: "OPEN", 
        desc: "extra pamphlets", 
        priority:"4", 
        planner:"Jessica Q. Planner" 
       }, 
       { 
        name: "ACKNOWLEDGED", 
        desc: "Power supply", 
        priority:"2", 
        planner:"Jessica Q. Planner" 
       } 
      ] 
     }, 
     { 
      type: "meeting3", 
      meetingName: "Association of Amateur Archaeologists", 
      location:"Ansley 1- FL14", 
      subitems: [ 
       { 
        name: "ESCALATED", 
        desc: "need some more experience", 
        priority:"1", 
        planner:"Jessica Q. Planner" 
       }, 
       { 
        name: "OPEN", 
        desc: "need dinosaurs", 
        priority:"3", 
        planner:"Jessica Q. Planner" 
       } 
      ] 
     } 
    ]; 


}); 

Answer 1

在您的应用程序中有很多应用程序是很常见的。但是你应该采取不同的方法。在你的解决方案中，你声明依赖于你的所有应用程序。如果您的应用程序变得更大，这会冲突。你应该如此是这样的。

// declare your app without any dependency 
(function() { 
    var requestDashboard= angular.module('requestDashboard',[]); 
}()); 

(function() { 
    var newRequestDashboard= angular.module('newRequestDashboard',[]); 
}()); 


// inject all your dependency here 
var mainApp = angular.module('mainApp ', ['requestDashboard','newRequestDashboard','ngRoute', 'ui.bootstrap']); 

关于你的问题，你为什么不使用服务？并且可以在控制器中使用服务，然后您可以显示回您的视图。

希望这有助于