如何在带有纯 JavaScript 的 Angular2 中使用 RouteConfig？

Question

我正在使用带有纯 JavaScript 的 Angular 2 构建应用程序，但我找不到任何关于如何将 RouteConfig 用于 JavaScript（不是 ts）的示例。

谁能给我一个如何使用的例子。 我试过这样但它不起作用：

(function(app) {
    app.MainComponent =
        ng.core.Component({
                selector: 'app',
                templateUrl: 'app/components/main/main.view.html'
            })
            .Class({
                constructor: function() {}
            })
            .RouteConfig([
                {path: '/', redirectTo: '/job'},
                {path: '/job', component: JobViewComponent }
            ])
    ;

})(window.app || (window.app = {}));

我还有其他文件是 JobView

(function(app) {
    app.JobViewComponent =
        ng.core.Component({
                selector: 'job-view',
                templateUrl: 'app/components/job_view/job_view.view.html'
            })
            .Class({
                constructor: function() {}
            });
})(window.app || (window.app = {}));

谢谢。

Answer 1

RouteConfig 是一个装饰器，所以你应该这样使用它：

app.MainComponent =
  ng.core.Component({
    selector: 'app',
    templateUrl: 'app/components/main/main.view.html'
  })
  .Class({
    constructor: function() {}
  });

app.MainComponent = ng.core.RouteConfig([
  {path: '/', redirectTo: '/job'},
  {path: '/job', component: JobViewComponent }
])(app.MainComponent);

这是一个有效的 plunkr：https://plnkr.co/edit/ZcSGHSsV8fBOc4TnI68h?p=preview。