我可以在angular2模板中使用'=='和pipe（|）吗？

Question

我写了一个名为wordsAllDone的点子来检查所有单词是否都标记为done，其输出是一个布尔值。 但是，我想在words | wordsAllDone为true时隐藏此按钮，并在false时显示。

<button *ngIf="words | wordsAllDone == false" (click)="startReview()">START</button>

但angular2显示了一个解析错误：

<button [ERROR ->]*ngIf="words | wordsAllDone == false" (click)="startReview()" ion-button item-right outline>START</button>:ReviewPage@27:20
Parser Error: Unexpected token ==, expected identifier, keyword, or string at column 22 in [words | wordsAllDone == false] in ReviewPage@27:20

我可以同时将==运算符与|一起使用吗？

Answer 1

您需要添加括号以明确表示您要比较管道的返回值：

*ngIf="(words | wordsAllDone) == false"

请注意，您也可以使用!，而不是将相等性与false进行比较：

*ngIf="!(words | wordsAllDone)"