Arrays AngularJS模块应用程序依赖项
我在app.js文件requestDashboard和newRequestDashboard中声明了twp应用程序模块……newRequestDashboard依赖于requestDashboard我有一个要显示的对象数组。这两个应用程序都分配了不同的控制器,阵列存储在requestDashboard中。我可能试图将其过度复杂化,但由于某种原因,我无法显示任何对象。代码如下: app.js:Arrays AngularJS模块应用程序依赖项,arrays,angularjs,dependency-injection,Arrays,Angularjs,Dependency Injection,我在app.js文件requestDashboard和newRequestDashboard中声明了twp应用程序模块……newRequestDashboard依赖于requestDashboard我有一个要显示的对象数组。这两个应用程序都分配了不同的控制器,阵列存储在requestDashboard中。我可能试图将其过度复杂化,但由于某种原因,我无法显示任何对象。代码如下: app.js: angular.module( 'requestDashboard', ['ngRoute', 'ui.
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"
}
]
}
];
});
在应用程序中有许多应用程序是很常见的。但是你应该采取一种不同的方法。在您的解决方案中,您正在声明对所有应用程序的依赖关系。如果您的应用程序变大,这将发生冲突。你应该这样做
// 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']);
关于你的问题,为什么不使用服务?和服务可以在控制器中使用,然后您可以显示回您的视图
希望这有助于服务+1的优点…但是关于服务,该阵列将用于两个不同模块中的两个不同控制器中。如果是那样的话,我将如何设置该服务?还有,你的答案中的requestDashboard被注射了两次?