在 RC.1 中使用新路由器时如何扩展 RouterOutlet [英] How do I extend RouterOutlet when using the new router in RC.1

问题描述

在 RC.1 中使用新路由器时，我似乎无法扩展 RouterOutlet

I can't seem to extend RouterOutlet when using the new router in RC.1

示例:

import { Directive } from '@angular/core';
import { Router, ROUTER_DIRECTIVES, RouterOutlet } from '@angular/router';


@Directive({
  selector: 'router-outlet'
})

export class RouterOutletDirective extends RouterOutlet {

}

错误:

@angular/router/index"' 没有导出成员 'RouterOutlet'.

@angular/router/index"' has no exported member 'RouterOutlet'.

我做错了什么还是RC.1中的新路由器坏了?

Am i doing something wrong or is this broke with the new router in RC.1?

import { Directive, Attribute, ViewContainerRef, DynamicComponentLoader } from '@angular/core';
import { Router, Routes, RouterOutletMap } from '@angular/router';
import { RouterOutlet } from '@angular/router/src/directives/router_outlet';


@Directive({
  selector: 'router-outlet'
})
export class RouterOutletDirective extends RouterOutlet {

  constructor(parentOutletMap: RouterOutletMap, _location: ViewContainerRef, name: string) {
    super(parentOutletMap, _location, name);
    console.log( parentOutletMap );
  }


  activate() {
    console.log('Activate');
  }
}

所以它现在正在运行，但是 RouterOutlet 用红色下划线标出，类型any"不是构造函数类型，而且 activate 部分也不起作用.我错过了什么吗?

So it's now running but the RouterOutlet is underlined in red with type "any" is not a constructor function type and also the activate part doesn't work. Am i missing something?

推荐答案

RouterOutlet 和 RouterLink 不是从 @angular/router 导出的.最近已经修复了这个问题，我希望这个修复程序包含在 RC.2 中.

RouterOutlet and RouterLink are not exported from @angular/router. This was fixed already recently and I'd expect this fix to be included in RC.2.

在新版本发布之前，您可以从私有路径 (src/...) 导入它们作为解决方法.

You can import them from the private path (src/...) as a workaround until the new version is published.

提示

也就是说，还有一个新的路由器正在进行中.如果您目前正在从测试版路由器或 @angular/router-derprecated 迁移到 @angular/router，最好推迟到新的路由器推出.

That said, there is again a new router work in progress. If you currently working on migrating from the beta router or @angular/router-derprecated to @angular/router it's probably better to postpone until the new new router is out.

这篇关于在 RC.1 中使用新路由器时如何扩展 RouterOutlet的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！