javascript - Ember 应用程序的多个路由器

Question

一个 Ember 应用程序可以有多个 router.js 吗？

默认情况下会有一个 router.js

import Ember from 'ember';
import config from '../../config/environment';

var Router = Ember.Router.extend({
  location: config.locationType
});

export default Router.map(function() {
  this.resource('sampleroute');

});

其他router.js会有

import Ember from 'ember';
import config from '../../config/environment';

var Router = Ember.Router.extend({
  location: config.locationType
});

export default Router.map(function() {
  this.resource('sampleroute2');

});

我需要的只是让 Ember 应用程序读取我的第二个路由器(router2.js)，默认情况下它会读取默认的 router.js 来设置路由。

Answer 1

您可以在函数内的单独文件中定义路由并导出该函数，例如

page1.js

export default function() {
  this.route('page1');
}

page2.js

export default function() {
  this.route('page2');
}

然后将其导入到您的 router.js 文件中。

import page1Routes from 'page1';
import page2Routes from 'page2';

var Router = Ember.Router.extend({
  location: config.locationType
});

Router.map(function() {
  page1Routes.call(this);
  page2Routes.call(this);       
});

export default Router;

您可以重复调用Router.map来添加新路由。所以你可以用同样的方式导入你的其他路由。