AngularJS ng-switch 指令

AngularJS 參考手冊 AngularJS 參考手冊

根據選中的值顯示對應部分:

<div ng-switch="myVar">
  <div ng-switch-when="zaixian">
     <h1>IT研修</h1>
     <p>歡迎訪問IT研修</p>
  </div>
  <div ng-switch-when="google">
     <h1>Google</h1>
     <p>歡迎訪問Google</p>
  </div>
  <div ng-switch-when="taobao">
     <h1>淘寶</h1>
     <p>歡迎訪問淘寶</p>
  </div>
  <div ng-switch-default>
     <h1>切換</h1>
     <p>選擇不同選項顯示對應的值。</p>
  </div>
</div>

定義和用法

ng-switch 指令根據運算式顯示或隱藏對應的部分。

對應的子元素使用 ng-switch-when 指令，如果匹配選中選擇顯示，其他為匹配的則移除。

你可以通過使用 ng-switch-default 指令設置默認選項，如果都沒有匹配的情況，默認選項會顯示。

語法

<element ng-switch="expression">
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-default></element>
</element>

<form> 元素支持該屬性。

參數值

值 描述
expression 運算式會讓匹配項顯示，不匹配項移除。

AngularJS 參考手冊 AngularJS 參考手冊