_ngcontent-c4影响样式

Question

我的问题与this不同，因为我在将样式添加到某些样式而不是其他样式时遇到问题，并且影响了我的显示。

花了我30分钟的时间才明白为什么我的UI表现不好。出于可视化目的，以下是Chrome中的显示内容：

当我通过Chrome Inspector将_ngcontent-c4 =“”添加到<a>元素时是正确的，它与其他元素一样正确显示：

此处的代码为（从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>

<a class="list-group-item"...>中的_ngcontent-c4 =“”与手动添加时有所不同。

这是第一次/最初加载页面时的显示：

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

它错过了<a>元素中的_ngcontent-c4 =“”。

我确实读过有关_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() {
  }

}

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

我本质上当然希望将票证菜单设置为其余菜单。有帮助吗？