从外部文件

时间:2016-11-29 14:05:53

标签: angular angular2-routing

我'试图构建一个可以在不同语言的不同国家使用的应用程序。 我们的想法是在每个国家都有使用优质关键词的路径。

加载的json文件取决于路径url: /uk, /fr, /es loads uk.js, fr.js or es.js

所以我试图做这样的事情:

root.rooting.ts

import {Routes, RouterModule} from '@angular/router';
const base = document.location.pathname.split('/')[1];
const paths = require('./' + base + '.js');

const appRoutes: Routes = paths;

export const routing = RouterModule.forRoot(appRoutes);

uk.js

export var paths = [
  { path: 'house',   loadChildren: 'app/+house/+house.module'},
  { path: '**', loadChildren: 'app/+404/+404.module'}
];

fr.js

export var paths = [
  { path: 'maison',   loadChildren: 'app/+house/+house.module'},
  { path: '**', loadChildren: 'app/+404/+404.module'}
];

es.js

export var paths = [
  { path: 'casa',   loadChildren: 'app/+house/+house.module'},
  { path: '**', loadChildren: 'app/+404/+404.module'}
];

我该如何实现?这样做真的很疯狂吗?

1 个答案:

答案 0 :(得分:1)

NgModule将在任何组件的构造函数之前被调用 装饰者,但有工作,你可以扩展装饰,更多阅读下面的文章

http://myrighttocode.org/blog/typescript/angular2/decorators/angular2-custom-decorators