javascript - Angular 2 RC5 中断路由

Question

我偶然发现了一个与 <base href="..."> 相关的问题问题。似乎 Angular 2 严重依赖于这个标签。但是标签本身会影响 <svg>...</svg>以不适合我的情况的方式声明(there's a lot properly described info on this issue on the internet)。但是当我删除我的 <base href="...">应用程序立即中断。

在寻找解决方案几天后，我找到了使我的应用程序至少以某种方式在没有 <base href="..."> 的情况下工作的方法。

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    routing
  ],
  declarations: [
    AppComponent,
    HeroesComponent,
    DashboardComponent,
    HeroDetailComponent
  ],
  providers: [
    HeroService, {
      provide: APP_BASE_HREF, // <------------ this guy here saves the day
      useValue: '/'
    }
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule {
}

但是没有 <base href="...">应用程序在路由方面变得不太稳定。基本上，当我尝试从非默认路由重新加载页面时，它会中断并抛出异常“达到最大堆栈大小”。

我无法用 plunkr 重现问题，但我也无法制作 standard angular tutorial在没有 <base href="..."> 的情况下工作

这里是链接

Original plunkr

Modified plunkr

如果您打开修改后的控制台，您将看到一个错误。

互联网上完全没有关于这个问题的信息，我从来没有处理过<base href="...">我是 Angular 2 的新手。那么调查这个问题的最佳起点是什么？

Answer 1

你可以提供

{ provide: APP_BASE_HREF, useValue: '/' }

路由器覆盖<base href="...">而 SVG 只依赖于 <base href="..."> .

另见 https://github.com/angular/angular/issues/8939