<router-outlet>和<div ng-view =“”>,AngularJS和Angular路由同时进行

时间:2017-02-16 01:40:39

标签: angularjs angular angular2-routing ng-upgrade

我的应用程序组件(一个Angular 2组件,index.html降级)包含:

  <router-outlet></router-outlet>
  <div ng-view></div>

这就像它在“在Angular和AngularJS之间划分路线”所说的那样 https://angular.io/docs/ts/latest/guide/upgrade.html#!#adding-the-angular-router-and-bootstrap

但是ng-view并没有找到任何AngularJS路线。

ng-view如何在Angular 2模板中工作?我怎么能同时使用这两种类型的路由器呢?

<router-outlet></router-outlet>也不起作用 - 这个html只是静态地显示在页面上。

我有<base href="/">并且javascript控制台没有错误。

谷歌,给我发消息:)谁/ ajxtaylor

1 个答案:

答案 0 :(得分:2)

这使我更接近正确的方向,但它仍然无法正常工作。

<router-outlet>无效,因为我错过了bootstrap数组中的顶级应用组件:

@NgModule({
  bootstrap: [
    AppComponent,
  ],
})
export class AppModule {
  ngDoBootstrap() {}
}

https://angular.io/docs/ts/latest/guide/upgrade.html#!#dividing-routes-between-angular-and-angularjs

提交有关缺少错误消息的GitHub问题:https://github.com/angular/angular/issues/14572

我不知道Angular AppComponent是否应该调用downgradeComponent,如果是这样,index.html是否应该使用AngularJS选择器或Angular选择器。