循環引用marionette.js

Question

我在與在我marionette.js應用循環引用一個問題..

的問題是：

App.js創建了一個具有控制器的路由器，並且控制器需要再次app.js所以它可以將視圖添加到區域..正如你可以看到下面（控制器）當我打印Application它返回undefined，因爲circulare參考..

controller.js：

define(
['app', 'views/ProjectItemView'], 
function (Application, ProjectItemView) 
{ 
    'use strict'; 
      console.log(Application); // undefined 

    return Marionette.Controller.extend({ 
     showProjects : function() 
     { 
      Application.main.show(new ProjectItemView()); 
      console.log('project'); 
     } 
    }); 
} 
); 

router.js：

define 
    (
     ['marionette'], 
     function(Marionette) 
     { 
      'use strict'; 

      return Marionette.AppRouter.extend 
      (
       { 
        appRoutes: 
        { 
         'dashboard/projects' : 'showProjects' 
        } 
       } 
      ); 
     } 
    ); 

app.js

define 
(
    [ 
     'backbone', 'marionette', 'jquery', 'routers/DashboardRouter', 'controllers/DashboardController', 
     'views/dashboard/Header' 
    ], 
    function(Backbone, Marionette, $, DashboardRouter, DashboardController, Header) 
    { 
     'use strict'; 

     var app = new Marionette.Application(); 

     app.addRegions({ 
      header: '#header', 
      main: '#main', 
     }); 

     app.header.show(new Header()); 

     app.on('initialize:after', function() { 
      Backbone.history.start({pushState: true}); 
      app.router = new DashboardRouter({ 
       controller : DashboardController 
      }); 
     }); 

     $(document).on("click", "a[href^='/']", function(event) 
     { 
      var href = $(event.currentTarget).attr('href'); 
      console.log(href); 

      event.preventDefault(); 
      app.router.navigate(href, {trigger: true}); 
      return false; 
     }); 

     return app; 
    } 
); 

現在什麼是解決這個問題的最好方法是什麼？我是全新的，所以我不知道最佳做法是什麼..

也是正確的，我添加在我的控制器的意見？或者我應該在其他地方做那個？

在此先感謝

Answer 1

，我認爲你應該以實例化它的時候通過一個區域控制器，你definitly需要移動你的代碼。我有一個示例應用程序可以工作，但不需要，但是在控制器中創建區域並從主應用程序向其傳遞區域的概念可以在此處進行簡化。

App.addInitializer(function() { 
    var controller = new BookStoreController({region: App.mainRegion}); 
    layout = new CatalogLayout(); 
    controller.region.show(layout); 
    var router = new Router({controller:controller}); 
}); 

http://jsfiddle.net/rayweb_on/hsrv7/11/

希望有所幫助。

Answer 2

您可以將ProjectView放入一個Marionette模塊中。

請參考https://github.com/mallim/backbone_examples/blob/master/app/scripts/cats/module.js獲取此類技術示例。

希望這會有所幫助。

Answer 3

如果我正確理解你，本質上，你有路由器取決於應用程序和控制器取決於應用程序。

如果是這樣的話，你可以將它們分成三個模塊，App，Router和Controller。 然後在路由器和控制器模塊中定義['app'，...]。 Here是我用於JMQ的一些其他基本代碼結構。

更新時間： 從Using-marionette-with-requirejs，還討論了有關「避免循環依賴」