在 Angular 条件下转义花括号

Question

I have this case in which I want to check against a string that contains curly braces. Data retrieved from object contains a string with curly braces.

             let defaultTitleFromComponentVar = 'Hello There';
             let dataList = ['Test1', 'Title2', '{{defaultTitle}}', 'Title3'];

             <ul>
                <li *ngFor="let title of dataList">
                  <ng-container *ngIf="title == '{{defaultTitle}}'">
                    {{ defaultTitleFromComponentVar }}
                  </ng-container>
                  <ng-container *ngIf="title != '{{defaultTitle}}'">
                    {{ title }}
                  </ng-container>  
                </li>
              </ul>

Error get in console:

Uncaught Error: Template parse errors: Can't bind to '*ngIf' since it 
isn't a known property of...

Answer 1

您需要使用\\转义每个花括号

*ngIf="title == '\\{\\{defaultTitle\\}\\}'

Answer 2

也许只是

*ngIf="title == '{{custTitle}\}'"