angula实现el-tabs

Angular 中的 `ng-bootstrap` 库提供了一个名为 `ngb-tabset` 的指令，可以方便地实现类似 Bootstrap 的 Tab 组件。要使用 `el-tabs` 类似功能，你可以按照以下步骤操作：

1. 首先，在项目中安装 ng-bootstrap：

   npm install @ng-bootstrap/ng-bootstrap

2. 然后，在组件模板中导入 `NgbTabset` 和相关的模块：

   import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
   // 如果你使用的是 Angular CLI，还需要导入 FormsModule
   import { FormsModule } from '@angular/forms';

添加模块到 imports 数组里：

   @Component({
     selector: 'app-my-component',
     template: `
       <ng-container>
         <ngb-tabset>
           <!-- tabs内容 -->
         </ngb-tabset>
       </ng-container>
     `,
   })
   export class MyComponent {
     // ...
   }

3. 在 `<ngb-tabset>` 元素内部，创建各个 tab 并指定标签名（title）以及其对应的组件内容：

   <ngb-tabset>
     <ngb-tab title="Tab 1">
       <ng-template ngbTabContent>
         <div>这是 Tab 1 的内容</div>
       </ng-template>
     </ngb-tab>

     <ngb-tab title="Tab 2">
       <ng-template ngbTabContent>
         <div>这是 Tab 2 的内容</div>
       </ng-template>
     </ngb-tab>
   </ngb-tabset>

4. 通过动态加载或者数据驱动的方式来切换 tab，如果需要的话。