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

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

ng-bootstrap: 介绍tabset功能。tabset在ng-bootstrap项目中的实现分析。使用方式：用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] 指令声明。