2016-02-10 67 views
0

我想在我的網站項目中使用平均堆棧。我正在使用ngRoute進行路由,並且我想將自舉輪播添加到我的主頁面。我正試圖從這個page把角色團隊輪播組件。我嘗試添加模塊依賴項(這是VAR應用程序= angular.module('myApp',[]))我的控制器,角度休息(沒有任何錯誤),頁面中沒有任何內容出現。如果我刪除,一切正常。我認爲這與路由有關?與ngRoute模塊依賴關係打破角度渲染

項目結構;

-myApp 
    -node_modules 
    package.json 
    server.js 
    -public 
     -controllers 
     -lib 
     -views 
     app.js 
     index.html 

app.js;

(function(){ 

    var app = angular.module('filmSevmem', ['ngRoute']); 

    app.config(function($routeProvider){ 
    $routeProvider 
     .when('/main', { 
     templateUrl: 'views/main.html', 
     controller: 'MainController' 
     }) 
     .when('/about', { 
     templateUrl: 'views/about.html', 
     controller: 'AboutController' 
     }) 
     .when('/contact', { 
     templateUrl: 'views/contact.html', 
     controller: 'ContactController' 
     }) 
     .otherwise({redirectTo:'/main'}); 
    }); 

})(); 

MainController.js;

(function(){ 

    var app = angular.module('myApp'); 

    var MainController = function ($scope, $http) { 

    ....... // codes from carousel 
    ....... 


    app.controller('MainController', MainController); 

})(); 

如果我添加,[]或[「ngAnimate」,「ui.bootstrap」]或者什麼「對myApp」,沒有工作的權利,我從我的本地獲得空白頁。什麼會導致這個問題?我該怎麼辦 ?謝謝。

+0

你能提供plunkr上的工作示例嗎? – Grundy

回答

2

var app = angular.module('myApp');表示讓我的模塊myApp。 var app = angular.module('myApp', [listOfDependencies]);表示使用所有列出的依賴關係創建模塊myApp。所以如果你把方括號放在app.jsmainController.js中,那麼你會覆蓋之前創建的。最簡單的辦法是添加ngAnimateui.bootstrapapp.js這樣的:var app = angular.module('myApp', ['ngRoute','ngAnimate','ui.bootstrap']);


如果你不希望有你的根模塊中的所有你的依賴,你可以讓子模塊像VAR控制器= angular.module('myApp.controllers', ['ngAnimate']),並將其包含在您的app.js中,如var app = angular.module('myApp', ['myApp.controllers']);

+0

我不知道它覆蓋myApp。那麼如何獲得ng.animate和ui.bootstrap? – alpersilistre

+0

只是將它們包含在app.js中,例如:var app = angular.module('filmSevmem',['ngRoute','ngAnimate','ui.bootstrap']);並且不要將括號放在mainController.js中 – dendimiiii

+0

是的,它可以工作。感謝您的幫助。我現在明白如何將模塊添加到我現有的項目中。謝謝。 – alpersilistre

0

爲什麼要創建兩個不同的模塊?甚至在創建第二個模塊時,您也不是注入第一個模塊。

由於沒有機會你的應用程序會工作,除非你編碼所有使用單個模塊或注入一個模塊在另一個!