Ngx-bootstrap: adding [hidden]="true" does not hide tab heading

Created on 22 May 2018  路  1Comment  路  Source: valor-software/ngx-bootstrap

<tab customClass="m-tabs__item" [hidden]="true" > <ng-template tabHeading> Tab1 </ng-template> </tab>

The code above does hide tab content but not tab heading.

comp(tabs)

>All comments

Hi @dolphinsd
You can try to use *ngIf instead of [hidden] if you want to not attach tab into DOM. However if you need to attach the element into DOM try to add this line into component css :
[hidden] { display: none !important; }
Let me know if, it solves your problem

Was this page helpful?
0 / 5 - 0 ratings