在Angular条件下转出花括号

Question

在这种情况下，我想检查包含花括号的字符串。 从对象检索的数据包含带花括号的字符串。

             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>

控制台错误：

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}\}'"