ng-bootstrap的tabset组件是如何实现分页功能的？

本文共计1775个文字，预计阅读时间需要8分钟。

ng-bootstrap：介绍ng-bootstrap项目中的tabset组件实现分析。使用方式：使用ngb-tabset作为容器元素，其中每个页签由一个ngb-tab元素定义，ngb-tabset包含所有ngb-tab子元素。

ng-bootstrap: tabset

本文介绍了 ng-bootstrap 项目中，tabset 的实现分析。

使用方式

<ngb-tabset> 作为容器元素，其中的每个页签以一个 <ngb-tab> 元素定义，在 <ngb-tabset> 中包含若干个 <ngb-tab> 子元素。

在 <ngb-tab> 元素中，使用 <ng-template> 模板来定义内容，内容分为两种：标题和内容。

标题使用 [ngbTabTitle] 指令来声明，或者在 <ngb-tab> 元素上使用 title 属性声明。

内容使用 [ngbTabContent] 指令声明。