angularjs - <router-outlet> 和 <div ng-view>,AngularJS 和 Angular 同时路由

标签 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 控制台没有错误。

Google,给我发消息 :) who/ajxtaylor

最佳答案

这让我更接近正确的方向,但它仍然不起作用。

<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 选择器。

关于angularjs - <router-outlet> 和 <div ng-view>,AngularJS 和 Angular 同时路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42263324/

相关文章:

javascript - 存储选择的绑定(bind)对象的特定属性

json - 按值过滤对象的angular2 typescript 数组

javascript - 无法在 eventReceived 事件中为 Angular 中的事件设置 ID

angular2-routing - Angular 2 Router - 从代码命名的路由器导出导航

angular - 为什么组件构造函数被多次调用,而它必须被路由器重用

angularjs - Protractor Jasmine适配能否正确等待protractor.promise.defer().promise?

javascript - 为什么更改作用域变量时我的 View 没有更新?

Angular 2 : Insert a dynamic component as child of a container in the DOM

使用 Observable 解决 Angular 2 路由器

mysql - API 服务器返回 404 错误