angular31-ng-switch

简介: angular31-ng-switch

image.png

<!DOCTYPE html>
     <html lang="en">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Document</title>
     </head>
     <body ng-app>
         <select ng-model="selected">
             <option value="1">1</option>
             <option value="2">2</option>
             <option value="3">3</option>
         </select>
         <div ng-switch="selected">
             <div ng-switch-when="1">
                 你选择的是1
             </div>
             <div ng-switch-when="2">
                 你选择的是2
             </div>
             <div ng-switch-when="3">
                 你选择的是3
             </div>
             <div ng-switch-default>
             </div>
         </div>
         <script src="./js/Angular.js"></script>
         <script>
         </script>
     </body>
     </html>

image.png

相关文章
|
7月前
|
JavaScript 编译器 开发者
关于 Angular 应用的 ng-version 属性
关于 Angular 应用的 ng-version 属性
28 0
|
存储 前端开发 数据库
Angular-checked方法使用
Angular-checked方法使用
87 0
Angular-checked方法使用
angular32-其他指令ng-checked
angular32-其他指令ng-checked
56 0
angular32-其他指令ng-checked
angular8-本地运行ng文档
angular8-本地运行ng文档
79 0
angular8-本地运行ng文档
angular39-angular实现todolist2删除
angular39-angular实现todolist2删除
90 0
angular39-angular实现todolist2删除
angular37-angular实现todolist基本结构
angular37-angular实现todolist基本结构
121 0
angular37-angular实现todolist基本结构
angular40-angular实现todolist3编辑功能
angular40-angular实现todolist3编辑功能
83 0
angular40-angular实现todolist3编辑功能
如何找到Angular应用的某个directive是属于哪一个Angular module
如何找到Angular应用的某个directive是属于哪一个Angular module
如何找到Angular应用的某个directive是属于哪一个Angular module
|
JavaScript 测试技术 API
Angular form学习笔记:Angular两种实现form的方式
Angular form学习笔记:Angular两种实现form的方式
251 0
Angular form学习笔记:Angular两种实现form的方式