AngularJS ng-if 指令
AngularJS 實例
取消選中,並移除內容:
保留HTML: < input type= "checkbox" ng-model= "myVar" ng-init= "myVar = true" >
< div ng-if= "myVar" >
< h1 > Welcome < /h1 >
< p > Welcome to my home. < /p >
< hr >
< /div >
< div ng-if= "myVar" >
< h1 > Welcome < /h1 >
< p > Welcome to my home. < /p >
< hr >
< /div >
嘗試一下»
定義和用法
ng-if指令用於在表達式為false時移除HTML元素。
如果if 語句執行的結果為true,會添加移除元素,並顯示。
ng-if指令不同於ng-hide, ng-hide隱藏元素,而ng-if是從DOM中移除元素。
語法
< element ng-if= " expression " > < / element >
所有的HTML 元素都支持該指令。
參數值
值 | 描述 |
---|---|
expression | 如果表達式返回false 則會移除整個元素,如果為true,則會添加元素。 |