以下代碼根據複選框是否被選中來顯示/隱藏內容。 PL。詳細告訴我ng-model和ng-show指令如何在幕後一起工作以產生所需的結果。說明幕後的ng-model和ng-show指令的工作原理
<input ng-model="toggleDisplayHide" type="checkbox"/>
<div ng-show="toggleDisplayHide">Some text goes here ...</div>
ng-show指令根據ng-show屬性中指定的表達式顯示或隱藏給定的HTML元素。 toggleDisplay是否隱藏表達式?
ng-model指令將HTML控件的值綁定到應用程序數據。 toggleDisplayHide是否在此處引用應用數據?
是這樣的: 當複選框被選中時,ng-model將toggleDisplayHide的值設置爲true。而ng-show會知道表達式toggleDisplayHide的值設置爲true,它會顯示內容。
理想情況下,你應該閱讀angularjs文檔/教程來得到你的答案.. 無論如何,在高層次,ng-model指定與輸入綁定的模型屬性/元件。當複選框被選中/取消選中時,toggleDisplayHide的值將會切換,並且它的值決定了後面的文本是隱藏還是顯示。 – Alphonso 2015-04-03 06:44:20