2017-02-12 10 views
2

すべての単語がdoneとマークされ、その出力がブール値であるかどうかを確認するためにwordsAllDoneというピップを書きました。 ただし、words | wordsAllDonetrueの場合はこのボタンを非表示にし、それがfalseの場合は表示させます。angular2のテンプレートで '=='をパイプ(|)で使用できますか?

<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>:[email protected]:20 
Parser Error: Unexpected token ==, expected identifier, keyword, or string at column 22 in [words | wordsAllDone == false] in [email protected]:20 

は私が同時に|==演算子を使用することはできますか?

+0

括弧を使って、あなたが望むものを明確にしようとしましたか?(words | wordsAllDone)== false'? – jonrsharpe

+0

それは動作します!どうもありがとう。 @jonrsharpe – awmleer

+0

@jonrsharpeこれを答えとして追加すると、awmleerはそれを受け入れることができ、質問は回答として表示されます。 –

答えて

2

あなたはそれを明確にあなたがパイプからの戻り値を比較することを確認するために、括弧を追加する必要があります。

*ngIf="!(words | wordsAllDone)" 
:あなたも falseとの平等を比較 !ではなく、を使用することができ

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

注意

関連する問題