x
 
<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body ng-app="">
我最喜欢的主题是:
<select ng-model="myVar">
  <option value="dogs">
  <option value="tuts">教程
  <option value="cars">汽车
</select>
<hr>
<div ng-switch="myVar">
  <div ng-switch-when="dogs">
     <h1></h1>
     <p>欢迎来到狗的世界。</p>
  </div>
  <div ng-switch-when="tuts">
     <h1>教程</h1>
     <p>通过实例来学习。</p>
  </div>
  <div ng-switch-when="cars">
     <h1>汽车</h1>
     <p>阅读关于汽车的内容。</p>
  </div>
  <div ng-switch-default>
     <h1>切换</h1>
     <p>从下拉菜单中选择主题,以切换此 DIV 的内容。</p>
  </div>
</div>
<hr>
<p>ng-switch 指令根据某个值隐藏和显示 HTML 部分。</p>
</body>
</html>