Angular 2 Router奇怪的空调用

Question

问题

我从Wordpress Rest API加载一些菜单项，然后使用wordpress页面的正确id导航到页面/：id。除此之外一切正常：

在我的页面加载的早期，我在chrome开发人员的网络部分中获得此null调用。这是本地的，在我的服务器上它也是一个404 NOT FOUND。

设置

• Angular 2 + Typescript（Angular 2 RC2，Router 3.0.0-alpha.6）
• Wordpress REST API

代码

模板

<header></header>
<router-outlet></router-outlet>
<footer></footer>

路由

export const routes: RouterConfig = [
  { path: '/page/:id', component: PageComponent },
  { path: '/page/home', component: PageComponent, index: true }
];

Header.ts

this.myService.getNavigation()
    .subscribe(
        menuItems => {
            this.menuItems = menuItems;

            this.router.navigate(['/page', this.menuItems[0].title]);
        },
        error =>  this.errorMessage = <any>error);

Main.ts

bootstrap(AppComponent, [
    ...APP_ROUTER_PROVIDERS,
    ...HTTP_PROVIDERS,
    ...ROUTER_PROVIDERS,
    ...ENV_PROVIDERS,
    { provide: LocationStrategy, useClass: HashLocationStrategy }
  ])

假设

我想这与我的路由设置有关。当我注释掉<router-outlet>它没有发生时，其他一切都很好。

问题

/ null的这个奇怪的调用是什么，我该如何避免呢？

Answer 1

我猜你有<img [attr.src]="var">或类似的地方。