<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ng-app指令</title><style>.red {background-color: red;}.green {background-color: green;}#box {height: 200px;width: 200px;transition: background-color 1s ease;}</style>
</head>
<!-- 需要angular的代码必须包裹在ng-app的代码中 -->
<!-- ng-bind遇到html的时候会转义 为了安全 --><body ng-app><select ng-model="style"><option value="red">红色</option><option value="green">绿色</option></select><div id="box" ng-class="style"></div><script src="./js/Angular.js"></script><!-- 隔行换色 --><script></script>
</body></html>
运行结果