亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

AngularJS ng-switch 指令

AngularJS 參考手冊

根據(jù)選中的值顯示對應(yīng)部分:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
我喜歡的網(wǎng)站
<select ng-model="myVar">
  <option value="cainiaoplus">www.jixiangtaizi.com.cn
  <option value="google">www.google.com
  <option value="taobao">www.taobao.com
</select>

<hr>
<div ng-switch="myVar">
  <div ng-switch-when="cainiaoplus">
     <h1>基礎(chǔ)教程</h1>
     <p>歡迎訪問基礎(chǔ)教程</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>選擇不同選項顯示對應(yīng)的值。</p>
  </div>
</div>
<hr>

<p> ng-switch 指令根據(jù)當(dāng)前的值顯示或隱藏對應(yīng)部分。</p>

</body>
</html>
測試看看 ?/?

定義和用法

ng-switch 指令根據(jù)表達(dá)式顯示或隱藏對應(yīng)的部分。

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

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

語法

   < ng-switch="">
  
   < ng-switch-when=""></>
  
   < ng-switch-when=""></>
  
   < ng-switch-when=""></>
  
   < ng-switch-default></>
</>

<form> 元素支持該屬性。

參數(shù)值

值描述
expression表達(dá)式會讓匹配項顯示，不匹配項移除。

AngularJS 參考手冊