javascript - 纯 Javascript 中的 Angular 2 路由(无 Typescript)

Question

所以我一直在努力让路由器在不使用 Typescript 的情况下在 Angular2 中工作。除了一些使用装饰器函数的 typescript 编译的 javascript 之外，我似乎找不到任何示例。是否可以将 Angular 2 Router 与纯 Javascript 一起使用？

Answer 1

您可以使用 router.config()指定路由列表的方法。这是一个完全用 ES5 编写的示例(参见 this plunk ):

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];

附言 Decorators是 ES2016(以前的 ES7)的一部分。它们是 javascript 并受 Babel 支持.我认为您不应该害怕使用它们。