Могу ли я использовать '==' с трубкой (|) в шаблонах angular2?

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)"