AngularJS案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/js/angular.js1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
我喜欢的网站
<select ng-model="myVar">
  <option value="W3xue">www.w3xue.com
  <option value="google">www.google.com
  <option value="taobao">www.taobao.com
</select>
​
<hr>
<div ng-switch="myVar">
  <div ng-switch-when="W3xue">
     <h1>W3xue教程</h1>
     <p>欢迎访问W3xue教程</p>
  </div>
  <div ng-switch-when="google">
     <h1>Google</h1>
     <p>欢迎访问Google</p>
  </div>