为什么选择标签不能在PrimeNG中运行?

时间:2018-02-10 04:54:24

标签: primeng

我正在尝试默认选择Tab2,但它无法正常工作,它正在选择两个标签。我可以在屏幕上看到HelloWorld

<p-tabView>
    <p-tabPanel header="Tab1">
        Hello
    </p-tabPanel>
    <p-tabPanel header="Tab2" [selected]="true">
        World
    </p-tabPanel>
</p-tabView>

我正在使用primeng版本4.1.2。

参考:https://www.primefaces.org/primeng/#/tabview

1 个答案:

答案 0 :(得分:1)

我已经解决了这个问题,在这里张贴,以便它可以帮助其他人。

我在*ngIf="someCondition"标记中使用了<p-tabPanel header="Tab1">,我在AngularJS中使用了[hidden]="!someCondition"等效的ng-hide="someCondition"

<p-tabView>
    <p-tabPanel header="Tab1">
        Hello
    </p-tabPanel>
    <p-tabPanel header="Tab2" [selected]="true" [hidden]="!someCondition">
        World
    </p-tabPanel>
</p-tabView>

您可以找到here

的原因