使用 Tab View 可滚动属性的正确方法是啥？

Posted 2023-03-13

【中文标题】使用 Tab View 可滚动属性的正确方法是啥？

【英文标题】：What is the correct way to use Tab View scrollable property?使用 Tab View 可滚动属性的正确方法是什么？

【发布时间】：2022-01-03 17:00:33

【问题描述】：

我正在使用 p-tabview，我想实现如primeng 网站中所述的可滚动属性：https://www.primefaces.org/primeng/showcase/#/tabview

但我收到一条错误消息，指出无法绑定到“可滚动”，因为它不是“p-tabView”的已知属性。我错过了什么吗？

StackBlitz 演示： https://stackblitz.com/edit/primeng-tabview-demo-jj9f2g?file=src/app/app.component.ts

参考代码：

<div class="card">
 <h5>Default</h5>
 <p-tabView [scrollable]="true">
 <p-tabPanel header="Header 1"> Content 1 </p-tabPanel>
 <p-tabPanel header="Header 2"> Content 2 </p-tabPanel>
 <p-tabPanel header="Header 3"> Content 3 </p-tabPanel>
 <p-tabPanel header="Header 3"> Content 3 </p-tabPanel>
 </p-tabView>
 </div>

【参考方案1】：

这个问题最近在 https://github.com/primefaces/primeng/issues/10119

所以你需要使用primeng 12.1.1或以上版本

【讨论】：

更新到 12.1.1 后，我收到错误，因为 ./node_modules/primeng/fesm2015/primeng-paginator.js 700.23-45 "export '00ngDeclareNgModule' (imported as i0) is not found in @angular/core" 我的安装方式如下： 1. yarn uninstall primeng --save 2. yarn cache clean 3. yarn install primeng@12.1.1 然后执行 ng serve 命令后，出现上述错误。