<!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>