[問題] component是否能自行嵌入到另一component內

General
1
  1. 請問component是否能不經由route而自行嵌入到另一component內？
    如使 期望routing.module.ts 達到 routing.module.ts 一樣的效果。

routing.module.ts

    Routes = [{
      path: '',
      component: ParentComponent,
      children: [{
        path: '',
        component: LayoutComponent,
        children: [
          { path: 'test1',  component: Test1Component  }
        ]
      }]
    }]

parent.component.html

    <h1>parent</h1>
    <router-outlet></router-outlet>

layout.component.html

    <h1>layout</h1>
    <router-outlet></router-outlet>

test1.component.html

    <h1>test1</h1>

期望 layout.component.html

    <parent>
      <h1>layout</h1>
      <router-outlet></router-outlet>
    </parent>

期望 routing.module.ts

    Routes = [{
      path: '',
      component: LayoutComponent,
      children: [{
        path: 'test1',
        component: Test1Component
      }]
    }]
2

看不是很懂你的問題是什麼， 可以更詳細的描述一下嗎?

我先假設性的回答，你想要動態的載入其他的 component?
那透過 ngComponentOutlet 就可以動態的載入 component，在搭配這個套件，可以讓 ngComponentOutet 也支援 inputs outputs 的選項

3

謝謝 @Kevin 回覆。
抱歉，我的問題沒有描述清楚。

請問component的template裡如何使用巢狀component element?

    <!-- sample -->
    <outer>
      <inner>
        <test></test>
      </inner>
    </outer>
4

問題已解決

原來parent component 內要使用

  <ng-content></ng-content>

非使用

  <router-outlet></router-outlet>