Я нахожусь на angular 4 проекте, где я использовал p-tabview. В p-tabview я хочу удалить теги `` для определенного условия, при котором эти теги динамически визуализируются в DOM, но не видны в коде пользовательского интерфейса. Элементы тега <ul>, <li> & <a>, выделенные на изображении, динамически визуализируется в DOM. Я хочу удалить выделенный элемент, который выделен желтым цветом на странице пользовательского интерфейса. Я могу добиться этого, удалив вышеуказанные теги, которые динамически обрабатываются, но я могу найти соответствующий код в своем локальном angular коде.
Локальный Angular Код пользовательского интерфейса :
<p-tabView>
<p-tabPanel header="{{recommendationModel.displayName}}" (keydown)="recommTabKeyhandle($event,
recommendationModel.displayName);" [selected]="recommendationResultData.length > 0 ? true : false">
<span *ngIf="entityName !=constDHSEntity">
Ниже приведен код, динамически отображаемый в DOM FOR p-tabview :
<p-tabview>
<div class="ui-tabview ui-widget ui-widget-content ui-corner-all ui-tabview-top">
<ul p-tabviewnav="" role="tablist" class="ui-tabview-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li role="presentation" class="ui-state-default ui-corner-top ui-tabview-selected ui-state-active">
<a href="#" role="tab" id="ui-tabpanel-0-label" aria-selected="true" aria-controls="ui-tabpanel-0">
<span class="ui-tabview-title"></span>
</a>
</li>
</ul>
Я хочу скрыть элементы тега <a>,<ul> & <li> в приведенном выше динамически отображаемом коде для указанного условия c. Как удалить это из локального angular кода пользовательского интерфейса, где я не смог найти эти теги?