Getting tons of diagnostic comments in DOM in my Angular 12+ project

Question

In my Angular project I have an case where I should show an navigation bar by condition and for that I'm using next code.

<div [ngStyle]="{'padding': standardItems && standardItems.length > 0 ? '0' : '0 16px'}"
     class="header-panel-section__fm">
  <ng-container *ngFor="let item of constData">
    <ng-container [ngSwitch]="item.Type">
      <div *ngSwitchCase="PanelTypes.LOGOIMAGE">
        <img
          [routerLink]="'/' + configService.lang + item?.Href"
          class='header-logo__fm'
          [ngStyle]="{'width' : logoWidth ? logoWidth : '96px'}"
          [src]="'/assets/images/' + (configService.lightLogoPath$ | async) + item.Icon"
          alt="{{configService?.hostName}}"
          width="100%"
          height="100%">
      </div>
      <div *ngSwitchCase="PanelTypes.TIME" class="timezone__fm color-timezone__fm">
        {{todayDate | date : "H:mm:ss"}} {{todayDate | date: 'zzz' }}
      </div>

************ many other cases *******
          </div>
        </ng-container>
    </ng-container>
</div>

after running project in inspect elements it shows MANY diagnostic comments like this

I researche on the internet found it says, should be added enableProdMode(); in main.ts.

but it removed only content and shows in inspect elements the following

How can I rid of these comments from the browser's inspect elements?