Angular _NGC-c4影响造型

我的问题与之不同，因为我在向某些样式添加样式时遇到问题，而不是向另一个样式添加样式，这会影响我的显示

我花了整整30分钟的时间才明白为什么我的用户界面会破裂。出于可视化目的，以下是铬合金显示屏：

当我将_ngcontent-c4=“”添加到

这里的代码是（从Chrome Inspector复制的）：

html是：

 <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>


{{“Menu.ticket”{翻译}

我基本上希望票菜单的样式与其他菜单相同。有什么帮助吗？
可能重复的可能重复的
<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>

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

      </div>

 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() {
  }

}

 <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>