javascript - ng-show 的语法错误：“令牌 'false' 位于从 [{4}] 开始的表达式 [{3}] 的第 {2} 列”

Question

我使用ng-show如下图：

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

的值entity.primary可以是true或false。我在控制台中收到以下错误：

语法错误：标记“假”位于从 [{4}] 开始的表达式 [{3}] 的第 {2} 列。

如何修复此错误？

Answer 1

可悲的是，您的代码集中了错误：

1. 如文档和代码所示，该ngShow指令只能用作属性，不能用作元素。
2. 该ngShow指令需要一个“表达式”，它（大体上）是标准的 JavaScript 代码：您不需要额外的大括号。
3. 由于您在属性中使用等号=，因此必须在其值周围加上引号，如本 W3C 注释所述。

因此，正确的代码是：

<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 根据它的设置值评估为真或假，所以你应该这样做 <data-ng-show="entity.primary"></div>

如果您需要显示这些值，您可以将其添加到某处

<div>{{entity.primary}}</div> => 返回 true 或 false 或分配给它的任何值。