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=""> <form> 选择一个主题： <input type="radio" ng-model="myVar" value="dogs">狗 <input type="radio" ng-model="myVar" value="tuts">教程 <input type="radio" ng-model="myVar" value="cars">汽车 </form> <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> <p>ng-switch 指令根据单选按钮的值隐藏和显示 HTML 部分。</p> </body> </html>