Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 路由器出口在错误位置意外激活_Angular_Router - Fatal编程技术网
Fatal编程技术网
  • angular/
  • Angular 路由器出口在错误位置意外激活

Angular 路由器出口在错误位置意外激活

angular

Angular 路由器出口在错误位置意外激活,angular,router,Angular,Router,我有一个子控件，我想在mat-tab-group控件中激活它（我不想使用mat-nav，因为我想要mat-tab-group提供的动画，让选项卡控件更容易处理组件创建 然而，我的孩子路线正在多个地方激活 <mat-tab-group> <mat-tab label="Animals"> <ng-component *ngIf="showCats"> Cats </ng-component

我有一个子控件，我想在
mat-tab-group
控件中激活它（我不想使用
mat-nav
，因为我想要
mat-tab-group
提供的动画，让选项卡控件更容易处理组件创建

然而，我的孩子路线正在多个地方激活

<mat-tab-group>

    <mat-tab label="Animals">

        <ng-component *ngIf="showCats">
            Cats
        </ng-component>

        <ng-component *ngIf="!showCats">
            Dogs
        </ng-component>

    </mat-tab>

    <mat-tab label="FAQ">
        <router-outlet></router-outlet>
    </mat-tab>

</mat-tab-group>


猫
狗
如果将
ng组件
而不是
ng容器

很容易出错-但是路由器会考虑<代码> ng组件< /C>作为特殊的子类型，并自动创建一个<代码>路由器出口<代码> >

解决方案很简单-使用
ng容器

 <ng-container *ngIf="showCats">CATS</ng-container>
猫
我不清楚导致此自动
路由器出口的确切机制-如果有人知道，请发表评论！可能也有用