Verschachtelte Verwendung von "Require.js" mit "backbone.js"

Ich mache die Anwendung, die Verwendung von backbone.js und require.js, ich möchte die dynamische Navigation des Konfigurationsmoduls über die Funktion "backbone.router" erreichen, hier ist meine Frage?

Dies ist mein Baserouter. Ich möchte die dynamische Auslastung "backbone.view" gemäß dem Parameter "viewPath" erreichen. Wie kann ich vorgehen?

define(['require', 'underscore', 'backbone'], function(require, _, Backbone) {
  var BaseRouter = Backbone.Router.extend({
    container: "#page",
    loadView: function(viewPath) {

      **//Here require lazy loading "base/people/view.js", **
      **//I do not know how to achieve it?**
      var view = require(viewPath);//viewPath = "base/people/view";

      this._currentView = new view();
      this._currentView.render();
      $(this.container).html(this._currentView.el);
    }
  });

  return BaseRouter;
});

Dies ist die Definition des Routers, er arbeitet mit "baserouter", um das Navigationsmenü dynamisch einzustellen.

define(['baserouter'], function(baserouter) {
  //The JSON data should come from the database,
  //These data define the navigation information for all modules.
  var navs = JSON.parse('[{"name": "people","title": "peoplemanage","view": "base/people/view"},{"name": "test","title": "testmanage","view": "pub/test/view"}]');
  var AppRouter = baserouter.extend();

  for (var i = 0, l = navs.length; i < l; i++) {
    var nav = navs[i];
    AppRouter.prototype["loadView_" + nav.name] = function() {
      var path = nav.view;
      return function() {
        AppRouter.prototype.loadView(path);
      }
    }();
  }

  var initialize = function() {
      var routes = {}
      for (var i = 0, l = navs.length; i < l; i++) {
        var nav = navs[i];
        routes[nav.name] = "loadView_" + nav.name;
      }

      var app_router = new AppRouter({
        "routes": routes
      });

      Backbone.history.start();
    };
  return {
    initialize: initialize
  };
});

Hier ist der HTML-Code für das Navigationsmenü:

<ul class="dropdown-menu">
    <li><a href="#people">people</a></li>
    <li><a href="#test">test</a></li>
</ul>

Antworten auf die Frage(1)

Ihre Antwort auf die Frage