如何使用角材料将按钮添加到子垫选项卡而不影响角8中的父垫选项卡？

Question

我正在使用带有角度材料的角度8应用程序。我有嵌套的标签。我需要在子项旁边添加一个按钮，而又不影响父项选项卡。请找到下面的代码。批准按钮显示在子选项卡旁边，但它也替换了我不希望的父选项卡中的“父”标签。任何人都可以支持修复它吗？

<mat-tab-group style="height: 100%;">
    <mat-tab label="Parent" style="width: 100%; height: 100%; ">
            <div fxLayout="row wrap">
                <mat-card class="flex-item" fxFlex="100" style="height: calc(30vh )!important;">
                    <mat-tab-group style="height: 100%;">
                        <mat-tab label="Child" style="width: 100%;height: 100%">
                            <!-- Child tab data -->
                        </mat-tab>
                        <mat-tab disabled>
                            <ng-template mat-tab-label>
                                <button mat-raised-button color="primary">
                                    <i class="fa fa-check" aria-hidden="true" style="padding-right: 3px;"></i>
                                    Approve
                                </button>
                            </ng-template>
                        </mat-tab>                                
                    </mat-tab-group>                            
                </mat-card>
            </div>                
    </mat-tab>            
</mat-tab-group>