Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何为angularjs中的嵌套对象应用条件类_Css_Arrays_Class_Object_Angularjs - Fatal编程技术网

Css 如何为angularjs中的嵌套对象应用条件类

Css 如何为angularjs中的嵌套对象应用条件类,css,arrays,class,object,angularjs,Css,Arrays,Class,Object,Angularjs,我实际上是在试图显示/隐藏一个部分的标题,基于一个点击事件,该事件也被用来过滤标题下方的ng repeat 我的想法是通过重用我用于过滤器功能的ng click来切换类。我的过滤器在ng repeat上工作得很好,但是我似乎无法让条件类在标题上工作 以下是(简化)代码: 安卓 {{phone.name} 网间网操作系统 {{phone.name} 下面是我的代码演示: 仅供参考,我无法更改上述JSON(对象数组)的结构/方案。我实际上是从服务中的API获取数据,但我认为这是一种显示视图中发生

我实际上是在试图显示/隐藏一个部分的标题,基于一个点击事件,该事件也被用来过滤标题下方的
ng repeat

我的想法是通过重用我用于过滤器功能的
ng click
来切换类。我的过滤器在ng repeat上工作得很好,但是我似乎无法让条件类在标题上工作

以下是(简化)代码:


安卓
{{phone.name}
网间网操作系统
{{phone.name}
下面是我的代码演示:

仅供参考,我无法更改上述JSON(对象数组)的结构/方案。我实际上是从服务中的API获取数据,但我认为这是一种显示视图中发生的一切的简单方法


我真诚地感谢任何人在这方面提供帮助或建议。

看起来您的
ng类
指令比需要的要复杂一些。我将其更新为如下所示:

<h2 ng-class="{invisible: property.product_type =='ios'}">Android</h2>
...
<h2 ng-class="{invisible: property.product_type =='android'}">iOS</h2>  
Android
...
网间网操作系统
下面是一个要演示的JSFIDLE:


(不可见的
类取自您的codepen示例)

您能否尝试将表达式
属性=={product\u type:'android'}
更改为
“property.product\u type==='android'
完美!谢谢你,詹德森。
<h2 ng-class="{invisible: property.product_type =='ios'}">Android</h2>
...
<h2 ng-class="{invisible: property.product_type =='android'}">iOS</h2>