_ngcontent-c4 влияет на стиль

Question

Мой вопрос отличается от этого , потому что у меня возникают проблемы с угловым добавлением стиля к некоторым, но не к другому, и это влияет на мой дисплей.

Мне понадобилось 30 минут, чтобыпонять, почему мой интерфейс плохо рендерился.Для наглядности ниже представлены дисплеи в Chrome:

правильно, когда я добавил _ngcontent-c4 = "" к элементу <a> через Chrome Inspector, он отображается правильно, как и другие:

Код здесь (как скопировано из Chrome Inspector):

<div _ngcontent-c4="" class="nested-menu  ng-star-inserted"><!--bindings={
  "ng-reflect-ng-if": "true"
}--><!----><a _ngcontent-c4="" class="list-group-item"><span _ngcontent-c4=""><i class="fa fa-ticket"></i>&nbsp; Support Ticket</span></a></div>

_ngcontent-c4 = "" в <a class="list-group-item"...> сделал разницупри добавлении вручную.

А вот экран, когда страница загружается первой / первоначально:

<div _ngcontent-c4="" class="nested-menu  ng-star-inserted"><!--bindings={
  "ng-reflect-ng-if": "true"
}--><!----><a class="list-group-item"><span _ngcontent-c4=""><i class="fa fa-ticket"></i>&nbsp; Support Ticket</span></a></div>

пропускается_ngcontent-c4 = "" в элементе <a>.

Я читал об _ngcontent-c4 и о том, что я должен отключить его и все, но я хочу полностью понять, что происходит.

Для фона блок Ticket вставляется в главную навигационную систему с помощью:

       <div class="nested-menu" app-shared-nav-bar load_what="ticket">

      </div>

, в то время как другие элементы, такие как блок Reports, являются непосредственно частью элемента <nav>, и все они имеют _ngcontent-c4= "" добавлено по умолчанию.

app-shared-nav-bar:

 import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: '[app-shared-nav-bar]',
  templateUrl: './shared-nav-bar.component.html'
})
export class SharedNavBarComponent implements OnInit {
  @Input() load_what = '';

  constructor() { }

  ngOnInit() {
  }

}

и htmlis:

 <ng-container *ngIf="load_what == 'ticket'">


    <a class="list-group-item" (click)="addExpandClass('menu-ticket')">
        <span>
            <i class="fa fa-ticket"></i>&nbsp; {{ "Menu.ticket" | translate }}</span
        ></a
    >



</ng-container>

Я, конечно, хочу, чтобы меню Ticket было стилизовано под остальное.Любая помощь?