typescript 如何显示新模块而不以Angular 路由到它

llew8vvj 于 2023-03-09 发布在 TypeScript

关注(0)|答案(2)|浏览(114)

遵循本教程：www.example.comhttps://angular.io/guide/lazy-loading-ngmodules#create-a-feature-module-with-routing
我想做以下几点：
当我转到/customers时，我希望访问一个新模块，在其中存储所有与客户相关的组件。
我想有一个菜单栏（在新模块中），说子页面1，子页面2等，这是所有的时间（重要）。
在app.module中，我知道我可以在app.component.html中放置任何东西，无论我在哪个页面上，它都会在那里。另外，在app-routing. module. ts中，我从来没有指定""的路径应该是AppComponent，它会自动加载为默认值。
我如何用另一个模块实现同样的效果，我加载了：

const routes: Routes = [
  { path: 'customers', loadChildren: () => import('./customers/customers.module').then(m => m.CustomersModule) }
];

typescript

来源：https://stackoverflow.com/questions/72329543/how-to-show-new-module-without-routing-to-it-in-angular

2条答案

按热度按时间

r7knjye21#

我不知道孩子是什么意思，所以加上：

path: '', 
    component: CustomersComponent,
    children:[
      {
        path: 'home1', 
        component: Hom1Component
      },
      { 
        path: 'home2', 
        component: Hom2Component 
      }
    ]

这样，customerComponent中的router-outlet将显示它自己的组件，并始终将customer.component.html中的内容保持在适当的位置。

赞(0）回复(0）举报 2023-03-09

pqwbnv8z2#

1.首先，您需要在customers模块中定义如下路由：

path: '', 
    component: CustomersComponent,
    children:[
      {
        path: 'anything1', 
        component: anything1Component
      },
      { 
        path: 'anything2', 
        component: anything2Component 
      },
      {
        path:'YourMenu',
        component:YourMenucomponent,
        children:[
{
         path: ' Subpage1',
         component: Subpage1component
       },
{
         path: ' Subpage2',
         component: Subpage2component
       }
       ]
    ]

1.您需要在customers.component.html中有另一个路由器出口，以便加载菜单组件。
1.别忘了在客户模块中定义菜单组件！

赞(0）回复(0）举报 2023-03-09

我来回答

typescript 如何显示新模块而不以Angular 路由到它

2条答案

相关问题

热门标签

最新问答