ルーターを使ってルートコンポーネントにコンポーネントを表示する

Question

フリーマーカを使用している既存のアプリケーションに角度2のアプリケーションを統合したい。

ルーターコンポーネントにコンポーネントの名前を付けることで、正しいコンポーネントを表示するためにルーターを使用したいと考えています。

<my-app displayComponent="myComponent">Loading...</my-app> 

私は、ルートコンポーネントでcomponentToDisplayプロパティを取得することができますが、私は、コンポーネントmyComponentというに移動しようとすると、それは動作しません。

export class AppComponent implements OnInit { 

    displayComponent: string; 

    constructor(private router: Router, private elm: ElementRef) { 
     this.displayComponent = elm.nativeElement.getAttribute('displayComponent'); 
    } 

    ngOnInit(): void { 
     this.router.navigate([this.displayComponent]); 
    } 
} 

おかげ

Answer 1

は、あなたのRoutesへのルート・ロジックを追加しましたか？

{ 
    path: 'component/path', 
    component: ComponentName 
} 

Answer 2

今の回避策があります：

ngOnInit(): void { 
    setTimeout(() => this.router.navigate([this.displayComponent])); 
}