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>