Angular 5+选项卡组件

Angular 5+选项卡组件
插件名称 ng-tabs
发布时间 2020年7月20日
插件作者 Jaspero

Angular 5+实现的易于使用的选项卡组件。

安装:

# Yarn
$ yarn add @jaspero/ng-tabs

# NPM
$ npm install @jaspero/ng-tabs --save

用法:

将ng-tab导入模块。

@NgModule({
    imports: [
        JasperoTabsModule
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule {}

使用组件。

<jaspero-tabs>
  <jaspero-tab [tabTitle]="templateRef">选项 1</jaspero-tab>
  <jaspero-tab [tabTitle]="'<p>example 2</p>'">选项 2</jaspero-tab>
  <jaspero-tab tabTitle="example 3">选项  3</jaspero-tab>
</jaspero-tabs>
<ng-template #templateRef>
  <p>这是一个演示</p>
</ng-template>