Comment out a single directive or property in Angular html template

Question

Is there a way to comment out lines with *ngIf, (opened), [expanded] in this example?

    <mat-expansion-panel
         *ngIf="block"
         (opened)="panelOpened.emit()"
         [expanded]=expanded
    >

I have read How to comment HTML tag attribute in HTML source code? before posting my question. There is a solution for plain html attributes, but it's not working in Angular.

Rename the attributes to `data-ngIf`, `data-opened` and `data-expanded` and should Angula ignore them. — Reactgular, Aug 13 '19 at 15:40
@Reactgular Thanks for your idea. It works even with brackets: `data-[expanded]` — Andriy Lozynskiy, Aug 13 '19 at 16:11

score 2 · Accepted Answer · answered Aug 15 '19 at 08:47

2

Looks like adding data- is the simplest solution. Thanks @Reactgular for this idea:

<mat-expansion-panel
         data-ngIf="block"
         data-(opened)="panelOpened.emit()"
         data-[expanded]=expanded
    >

answered Aug 15 '19 at 08:47

Andriy Lozynskiy

1 Answers1