angular – 如何在RC.1中使用新路由器时扩展RouterOutlet

前端之家收集整理的这篇文章主要介绍了angular – 如何在RC.1中使用新路由器时扩展RouterOutlet前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在RC.1中使用新路由器时,我似乎无法扩展RouterOutlet

例:

  1. import { Directive } from '@angular/core';
  2. import { Router,ROUTER_DIRECTIVES,RouterOutlet } from '@angular/router';
  3.  
  4.  
  5. @Directive({
  6. selector: 'router-outlet'
  7. })
  8.  
  9. export class RouterOutletDirective extends RouterOutlet {
  10.  
  11. }

错误

@angular/router/index”‘ has no exported member ‘RouterOutlet’.

我做错了什么或者这是否与RC.1中的新路由器有关?

更新:

  1. import { Directive,Attribute,ViewContainerRef,DynamicComponentLoader } from '@angular/core';
  2. import { Router,Routes,RouterOutletMap } from '@angular/router';
  3. import { RouterOutlet } from '@angular/router/src/directives/router_outlet';
  4.  
  5.  
  6. @Directive({
  7. selector: 'router-outlet'
  8. })
  9. export class RouterOutletDirective extends RouterOutlet {
  10.  
  11. constructor(parentOutletMap: RouterOutletMap,_location: ViewContainerRef,name: string) {
  12. super(parentOutletMap,_location,name);
  13. console.log( parentOutletMap );
  14. }
  15.  
  16.  
  17. activate() {
  18. console.log('Activate');
  19. }
  20. }

所以它现在正在运行,但是RouterOutlet用红色加下划线,类型“any”不是构造函数类型,激活部分也不起作用.我错过了什么吗?

RouterOutlet和RouterLink不从@ angular / router导出.最近已修复此问题,我希望此修复程序包含在RC.2中.

您可以从专用路径(src / …)导入它们作为解决方法,直到发布新版本.

暗示

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

猜你在找的Angularjs相关文章