如果AngularJS中没有可见的孩子,我该如何隐藏div?

时间:2015-01-13 16:28:56

标签: javascript jquery html angularjs visibility

如果子项目全部不可见,我试图隐藏父div。如果没有孩子,我可以隐藏父母,但无法根据可见性确定如何隐藏;

<div ng-repeat="group in section.groups" ng-show="group.fields.length > 0">
 <input  ng-if='field.isVisible' type="text" name="{{ field.id }}" id="{{ field.id }}" ng-model="field.value" /> 
</div>

有人可以提供一个示例,说明只有当输入符合field.isVisible的ng-if条件时才能显示外部div吗?

谢谢, 布赖恩

1 个答案:

答案 0 :(得分:0)

啊,我刚发布问题的时间比我意识到我可以根据属性进行过滤然后检查长度如下;

<div ng-repeat="group in section.groups" ng-show="(group.fields | filter:{isVisible:true}).length > 0">
 <input  ng-if='field.isVisible' type="text" name="{{ field.id }}" id="{{ field.id }}" ng-model="field.value" /> 
</div>