javascript - ng-show の構文エラー: 「トークン 'false' は [{4}] から始まる式 [{3}] の列 {2} にあります」

Question

私は以下のように使用ng-showしています：

<data-ng-show={{entity.primary}}===true>

の値はまたは のentity.primaryいずれtrueかfalseです。コンソールに次のエラーが表示されます。

構文エラー: トークン 'false' は、[{4}] から始まる式 [{3}] の列 {2} にあります。

このエラーはどのように修正できますか?

Answer 1

悲しいことに、あなたのコードはエラーが集中しています:

1. ドキュメントとコードで示されているように、ngShowディレクティブは要素としてではなく、属性としてのみ使用できます。
2. ngShowディレクティブは、 (概して) 標準の JavaScript コードである "expression"を想定しています。追加の中括弧は必要ありません。
3. 属性で等号を使用しているため、この W3C note=で説明されているように、その値を引用符で囲む必要があります。

したがって、正しいコードは次のとおりです。

<div data-ng-show="entity.primary === true"></div>

Answer 2

ng-show式を評価します。ブレースは必要ありません。

これを試して：

<data-ng-show="entity.primary"></div>

またはこれ：

<data-ng-show="entity.primary === true"></div>

Answer 3

中括弧内に式を追加する必要がありますが、 ng-show には追加しないで<data-ng-show="entity.primary === true"></div>ください。

ただし、ng-show は設定値に応じて true または false に評価されるため、これを行う必要があります。 <data-ng-show="entity.primary"></div>

値を表示する必要がある場合は、これをどこかに追加するだけです

<div>{{entity.primary}}</div> => は、true または false、またはそれに割り当てられた値を返します。