2013-10-17 96 views
2

Im有隱藏元素的問題。基本上我想爲加載頁面時隱藏/顯示的元素設置默認值。AngularJS設置ng-hide的默認值

通過ng-hide隱藏我的元素,綁定到從控制器設置的模型,並在視圖中重複執行。

該複選框綁定正確,但默認情況下未隱藏內容,您必須單擊複選框兩次以正確隱藏該元素。

演示在這裏找到:Plunker

+0

當它「檢查」你想隱藏一個相關的列或顯示它? – Cherniv

+0

我正在考慮在複選框被選中時隱藏列 – stormpat

回答

2

這些模型的定義時,它的工作原理。您可以使用ng-init用於此目的:

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

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

+0

令人驚歎的男人!兩個答案在1小時內。你搖滾! – stormpat

+1

@PatrikStorm這樣(Q&A)是我學習東西的最佳途徑! – Cherniv

1

第一次奇怪的行爲是由於您的移動財產checkedContainer尚未創建,直到結合是基於與您的互動評價複選框。

如果您做控制器

$scope.checkedContainer=true;您的代碼會工作。

+0

感謝您的幫助!我明白了。正如我可以猜到的,一個範圍問題.. – stormpat