angularjs选中复选框时隐藏具有特定类的对象

Question

我查看了ng-show指令，但似乎没有一个例子适合我的情况。

我有一定数量的div，类'foo'是基于某些逻辑动态生成的。我想在选中复选框时隐藏该类的所有div。

修改

我用这个解决了它

<input type="checkbox" ng-model="hideClosed" checked>

<div ng-show="{{location.isOpen}}" ng-hide="hideClosed && {{!location.isOpen}}"></div>

现在唯一的问题是最初未选中复选框。我尝试在复选框中添加ng-checked =“true”，但在取消选中并再次检查之前，它没有隐藏已关闭的那些。

Answer 1

您可以尝试在动态生成时为每个div提供ng-show属性。这将使它们自动隐藏或显示，具体取决于型号。

然后，您可以使用复选框上的ng-checked属性绑定＆＃34;已选中＆＃34;复选框状态，显示和隐藏元素的模型中的值。