Wie man Angular-Parser-Fehler behebt: Private identifiers are not supported. Unexpected private identifier: ...

Problem:

Beim Versuch, deine Angular-Anwendung auszuführen, siehst du den folgenden Fehler:

error_message.txt

Error: src/app/my-component.html:18:31 - error NG5002: Parser Error: Private identifiers are not supported. Unexpected private identifier: #noName

Error: src/app/my-component.html:18:31 - error NG5002: Parser Error: Private identifiers are not supported. Unexpected private identifier: #noName

bezogen auf Quellcode wie

ngif_private_identifier_bad.html

<span *ngIf="name ; else #noName">
    {{name}}
</span>
<ng-template #noName>
    <span><i>Name not configured</i></span>
</ng-template>

<span *ngIf="name ; else #noName">
    {{name}}
</span>
<ng-template #noName>
    <span><i>Name not configured</i></span>
</ng-template>

Entferne in der ; else #noName-Klausel das #-Zeichen => ; else noName, um den Fehler zu beheben:

ngif_private_identifier_fixed.html

<span *ngIf="name ; else noName">
    {{name}}
</span>
<ng-template #noName>
    <span><i>Name not configured</i></span>
</ng-template>

<span *ngIf="name ; else noName">
    {{name}}
</span>
<ng-template #noName>
    <span><i>Name not configured</i></span>
</ng-template>