AngularJS设置ng-hide的默认值

时间:2013-10-17 10:37:19

标签: javascript angularjs

我有隐藏元素的问题。基本上我想设置加载页面时隐藏/显示哪些元素的默认值。

我通过ng-hide隐藏我的元素,绑定到从控制器设置的模型,并在视图中重复ng。

复选框绑定正确,但默认情况下未隐藏的内容,您必须单击两次复选框才能正确隐藏元素。

可在此处找到演示:Plunker

2 个答案:

答案 0 :(得分:2)

定义这些模型时可行。您可以将ng-init用于此目的:

 ng-init="$parent[col.model]=col.checked"

工作plnk:http://plnkr.co/edit/pUAufB?p=preview

答案 1 :(得分:1)

第一次奇怪的行为是由于您的移动属性checkedContainer尚未创建,直到根据您与复选框的交互评估绑定。

如果你做了控制器

$scope.checkedContainer=true;您的代码可以使用。