参数	说明	类型	默认值	全局配置
`[nzSelectedIndex]`	当前激活 tab 面板的序列号，可双向绑定	`number`	-
`[nzAnimated]`	是否使用动画切换 Tabs，在 `nzTabPosition="top" \| "bottom"` 时有效	`boolean \| {inkBar:boolean, tabPane:boolean}`	`true`, 当 `type="card"` 时为 `false`	✅
`[nzSize]`	大小，提供 `largedefault` 和 `small` 三种大小	`'large' \| 'small' \| 'default'`	`'default'`	✅
`[nzTabBarExtraContent]`	tab bar 上额外的元素	`TemplateRef<void>`	-
`[nzTabBarStyle]`	tab bar 的样式对象	`object`	-
`[nzTabPosition]`	页签位置，可选值有 `toprightbottomleft`	`'top' \| 'right' \| 'bottom' \| 'left'`	`'top'`
`[nzType]`	页签的基本样式	`'line' \| 'card' \| 'editable-card'`	`'line'`	✅
`[nzTabBarGutter]`	tabs 之间的间隙	`number`	-	✅
`[nzHideAll]`	是否隐藏所有 tab 内容	`boolean`	`false`
`[nzLinkRouter]`	与 Angular 路由联动	`boolean`	`false`
`[nzLinkExact]`	以严格匹配模式确定联动的路由	`boolean`	`true`
`[nzCanDeactivate]`	决定一个 tab 是否可以被切换	`NzTabsCanDeactivateFn`	-
`[nzCentered]`	标签居中展示	`boolean`	`false`
`[nzDestroyInactiveTabPane]`	被隐藏时是否销毁 DOM 结构	`boolean`	`false`
`(nzSelectedIndexChange)`	当前激活 tab 面板的序列号变更回调函数	`EventEmitter<number>`	-
`(nzSelectChange)`	当前激活 tab 面板变更回调函数	`EventEmitter<{index: number,tab: NzTabComponent}>`	-

参数	说明	类型	默认值
`[nzTitle]`	选项卡头显示文字	`string \| TemplateRef<TabTemplateContext>`	-
`[nzForceRender]`	被隐藏时是否渲染 DOM 结构	`boolean`	`false`
`[nzDisabled]`	是否禁用	`boolean`	-
`(nzClick)`	单击 title 的回调函数	`EventEmitter<void>`	-
`(nzContextmenu)`	右键 title 的回调函数	`EventEmitter<MouseEvent>`	-
`(nzSelect)`	tab 被选中的回调函数	`EventEmitter<void>`	-
`(nzDeselect)`	tab 被取消选中的回调函数	`EventEmitter<void>`	-

参数	说明	类型	默认值	全局配置
`[nzClosable]`	显示删除按钮	`boolean`	`false`
`[nzCloseIcon]`	关闭按钮图标	`string \| TemplateRef<void>`	-

属性	说明	类型
`visible`	表示是否在可见区域, 为 `false` 时将会被渲染到下拉菜单中	`boolean`

在 nz-tab[nzTitle] 中使用

<nz-tab [nzTitle]="titleTemplate">
  ...
  <ng-template #titleTemplate let-visible="visible">...</ng-template>
</nz-tab>

在 *nzTabLink 中使用

<nz-tab>
  <a *nzTabLink="let visible = visible" nz-tab-link [routerLink]="['.']">...</a>
</nz-tab>

与 ng-template 一同使用，用于标记需要懒加载的 tab 内容，具体用法见示例。

路由联动可以让 tab 的切换和路由行为相一致。

<nz-tabset nzLinkRouter>
  <nz-tab>
    <a *nzTabLink nz-tab-link [routerLink]="['.']">Link</a>
    Default.
  </nz-tab>
</nz-tabset>

Tabs标签页

何时使用#