角2路由在普通的JavaScript（无打字稿） [英] Angular 2 Routing in plain Javascript (No Typescript)

问题描述

所以，我一直缠斗让路由器在Angular2工作，而无需使用打字稿。我似乎无法找到任何的例子，比使用装饰功能，有的打字稿编译的JavaScript等。是否有可能使用角2路由器普通的JavaScript？

So I have been battling to get the router working in Angular2 without using Typescript. I can't seem to find any examples, other than some typescript compiled javascript that uses a decorator function. Is it possible to use Angular 2 Router with plain Javascript?

推荐答案

您可以使用<一个href=\"https://github.com/angular/angular/blob/2.0.0-alpha.46/modules/angular2/src/router/router.ts#L141\"相对=nofollow> router.config（） 方法来指定路线的列表。这里是纯粹ES5编写的例子（见这普拉克）：

var App = Component({
  selector: 'my-app',
  directives: [RouterOutlet, RouterLink],
  template: (
    '<h2>Hello, World!!!</h2>' +
    '<ul>' +
      '<li><a [router-link]="[\'./Index\']">Index Page</a></li>' +
      '<li><a [router-link]="[\'./Home\']">Home Page</a></li>' +
    '</ul>' +
    '<router-outlet></router-outlet>'
  )
})
.Class({
  constructor: function(router) {
    router.config([
      { path: '/index': component: Index, name: 'Index' },
      { path: '/home':  component: Home,  name: 'Home'  }
    ])
  }
});

App.parameters = [Router];

PS 装饰是 ES2016 （前身ES7）的一部分。他们的JavaScript和 巴贝尔 支持。我觉得你不应该害怕使用它们。

PS Decorators are part of ES2016 (formerly ES7). They're javascript and supported by Babel. I think you should not be afraid to use them.

这篇关于角2路由在普通的JavaScript（无打字稿）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！