AngularJS 顯示和隱藏 ng-show ng-hide ng-switch

2018-07-26 17:30 更新

前兩個(gè)是控制 display 的指令:

<div ng-show="true">1</div>
<div ng-show="false">2</div>
<div ng-hide="true">3</div>
<div ng-hide="false">4</div>

后一個(gè) ng-switch 是根據(jù)一個(gè)值來(lái)決定哪個(gè)節(jié)點(diǎn)顯示,其它節(jié)點(diǎn)移除:

<div ng-init="a=2">
  <ul ng-switch on="a">
    <li ng-switch-when="1">1</li>
    <li ng-switch-when="2">2</li>
    <li ng-switch-default>other</li>
  </ul>
</div>


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)