​x
 
<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<style>
.sky {
    color: white;
    background-color: lightblue;
    padding: 20px;
    font-family: "Courier New";
}
.tomato {
    background-color: coral;
    padding: 40px;
    font-family: Verdana;
}
</style>
<body ng-app="">
​
<p>选择一个类：</p>
​
<select ng-model="home">
<option value="sky">天空</option>
<option value="tomato">番茄</option>
</select>
​
<div ng-class="home">
  <h1>欢迎回家！</h1>
  <p>我喜欢这里！</p>
</div>
​
</body>
</html>
​