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

相关文章
|
3月前
|
容器
angular之ng-template
angular之ng-template
|
3月前
|
JavaScript
angular之Input和Output
angular之Input和Output
|
4月前
|
JavaScript
如何在 Angular 中使用 ng-container 元素
如何在 Angular 中使用 ng-container 元素
50 0
|
4月前
|
索引
Angular 中的 ngFor 指令
Angular 中的 ngFor 指令
46 0
|
存储 前端开发 数据库
Angular-checked方法使用
Angular-checked方法使用
112 0
Angular-checked方法使用
angular32-其他指令ng-checked
angular32-其他指令ng-checked
77 0
angular32-其他指令ng-checked
angular8-本地运行ng文档
angular8-本地运行ng文档
103 0
angular8-本地运行ng文档
angular39-angular实现todolist2删除
angular39-angular实现todolist2删除
102 0
angular39-angular实现todolist2删除
angular37-angular实现todolist基本结构
angular37-angular实现todolist基本结构
139 0
angular37-angular实现todolist基本结构