angular - 如何使用原生脚本从一个组件加载所有子组件

Question

登录后底部导航（文本和图像）正在加载，但页面相应组件的内容没有路由。这是应用程序路由代码：

import { LoginComponent } from "./login/login.component";
import { RegisterComponent } from "./login/register/register.component";
import { BottomNavComponent } from "./bottomnav/bottomnav.component";
import { NSEmptyOutletComponent } from "nativescript-angular";

const routes: Routes = [
{ path: "", redirectTo: "/login", pathMatch: "full" },
{ path: "login", component: LoginComponent },
{ path: "register", component: RegisterComponent },
{
    path: "bottomnav", component: BottomNavComponent, children :[{
        path: "home",
        component: NSEmptyOutletComponent,
        loadChildren: () => import("./bottomnav/home/home.module").then((m) => m.HomeModule),
        outlet: "homeTab"
    },
    {
        path: "browse",
        component: NSEmptyOutletComponent,
        loadChildren: () => import("./bottomnav/browse/browse.module").then((m) => m.BrowseModule),
        outlet: "browseTab"
    },
    {
        path: "search",
        component: NSEmptyOutletComponent,
        loadChildren: () => import("./bottomnav/search/search.module").then((m) => m.SearchModule),
        outlet: "searchTab"
    }]
}
];

 @NgModule({
  imports: [NativeScriptRouterModule.forRoot(routes)],
  exports: [NativeScriptRouterModule]
 })
 export class AppRoutingModule { }`

如果我使用 page-router-outlet 它不起作用，则 TabContentItem 内部单独使用标签 <page-router-outlet name="homeTab"></page-router-outlet>它的工作