我是 angular 的新手，我想将嵌套组件加载到默认具有一个组件的模块中。是否可以在 angular 中创建它？

Question

我的申请结构如下：

-app
 -Home(module)
   -index(component)
     -index.component.html
     -....
   -home-routing.module.ts
   -home.component.html
   -home.component.scss
   -home.component.spec.ts
   -home.component.ts
   -home.module.ts
   
 -Shared(Module)
  -components
   -headercomponent ...
   -footercomponent...

默认情况下，我已将路由中的默认地址指定为路由 home/index 组件。但是 home.component.html（来自 home 模块）的信息没有显示。我想渲染家庭的组成部分及其信息。 By routing to index it only renders the information from index component i.e. home module information is not displayed.

I want output like this. 怎么可能？

样本：https://github.com/sundaracharya/astrohimalaya.git

Answer 1

index 组件没有标识符来呈现 home 组件的内容，您必须使用 Home 组件作为 index 组件内的选择器，或者使用路由器出口并通过注入路由器从 ts 文件手动路由。

我是 angular 的新手，我想将嵌套组件加载到默认具有一个组件的模块中。是否可以在 angular 中创建它？

I am new to angular and I want to load the nested component to the module with one component default. Is it possible to create this in angular?

angular-ui-router

angular