条件不起作用的ng-style，可见性不变

Question

我试图隐藏＆＃39;如果获得的输出是＆＃39; 0，则为元素。 我已尝试过以下代码行 -

<li ng-style="{'visibility': {{PropertyListitem[0].Parking}} ? 'visible' : 'hidden'}">
   <p>Parking</p>
</li>

但这不起作用，请你们指出我出错的地方。

赞赏一种更简单的方法。 ：）

编译器视图：

Answer 1

根据Angular documentation，它在使用插值和表达式时已经知道了问题：

  

注意：Angular指令属性采用带嵌入式表达式的表达式或插值标记。将插值标记嵌入表达式

中被认为是不好的做法

还有：

  

为什么混合插值和表达式是不好的做法：
  *它增加了标记的复杂性   *无法保证它适用于每个指令，因为插值本身就是一个      指示。如果另一个指令之前访问属性数据      插值已运行，它将获得原始插值标记和      不是数据   *它会影响性能，因为插值会增加另一个      观察者到范围。
  *由于不推荐使用，我们不这样做      对此进行测试，对Angular核心的更改可能会破坏您的代码。

TL; DR ：更新您的strcpy()，如下所示：

ng-style

查看小demo

Answer 2

以下内容应该有效：

blocks[columnIndex]

您应该将对象发送到ng-style，而不是已编译的字符串。