請問製作頁籤煥換頁的正常作法是使用path嗎?

General
1 
大家好,我剛是開始用angular不到一個月的前端

不過基礎js功力很淺

目前要做一個tab按鈕換頁的介面
下面是借用的參考畫面,不是我做的
https://codepen.io/wizly/pen/BlKxo

目前我是用在app-routing 增加子path的方式做切換
但是聽後端說這樣沒辦法用子component注入依賴的方式拿到父component的資料
要另外去service拿資料

所以想請問正常的做法是怎樣呢?要怎麼用子component做成切換頁呢?
難道是直接在子component的tag上用ngif來判斷嗎?
像這樣<app-component *ngIf="isShow"></app-component>
應該不會吧?

下面是code
{
    path: 'main',
    component: MainComponent,
    children: [
        {
            path: 'xxx',
            component: xxxComponent,
            children: [{
                    path: '',
                    component: Name1Component
                },
                {
                    path: 'name1',
                    component: Name1Component
                },
                {
                    path: 'name2',
                    component: Name2Component
                },
            ]
        },
    ]
},

換頁tab的html

> <ul class="nav nav-tabs">
>             <li class="nav-item"><a  routerLinkActive="active" class="nav-link" routerLink="/main/xxx/Name1 ">{{ Name1 }}</a></li>
>             <li class="nav-item"><a  routerLinkActive="active" class="nav-link" routerLink="/main/xxx/Name2 ">{{ Name2 }}</a></li>
>         </ul>
2

tab 的切換可以使用 css 來控制，而 tab 下面就放 就可以顯示路由所設定的 component

3

如果tab切換的內容是table資料比較多也適合用這種方式嗎?

放兩個table的component這樣?

4

如果是路由的方式顯示，同時間應該也只會顯示一個 table 才是，基本上是沒有問題。除非是一次載入那種上萬筆資料的 table