I'm currently working on a tabView project with a list of tab-panels. However, I am struggling to find a way to dynamically hide and unhide one of the tab panels based on specific runtime conditions. Does anyone have any suggestions or insights on how to achieve this?
Furthermore, I would like to know if there is a general method for dynamically adding and removing tab panels within a tabView component.
Here is the code snippet that I am using, but it doesn't seem to be functioning correctly. Perhaps my syntax is incorrect:
<div [ngSwitch]="isNEC">
<ng-template ngSwitchCase="'true'">
<p-tabView>
<p-tabPanel header="Detail">
<linechart #linechart></linechart>
</p-tabPanel>
<p-tabPanel header="Assessment">
Coming soon to a theater near you !!!!
</p-tabPanel>
</p-tabView>
</ng-template>
<ng-template ngSwitchCase="'false'">
<p-tabView>
<p-tabPanel header="Detail">
<linechart #linechart></linechart>
</p-tabPanel>
</p-tabView>
</ng-template>
</div>
Without a switch default, nothing appears on the screen. Please note that "isNEC" is a public attribute of type string in the component.