W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!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>