zoukankan      html  css  js  c++  java
  • angular中ng-switch的用法

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="angular-1.5.8.js"></script>
    </head>
    <body>
    <div ng-app ng-init="num=2">
    <div ng-switch="num">
    <div ng-switch-when="0">00</div>
    <div ng-switch-when="1">11</div>
    <div ng-switch-when="2">22</div>
    <div ng-switch-default>333</div>
    </div>
    </div>
    <script>
    //angular中的ng-switch方法的使用,先要绑定一变量;再分情况来是执行,当时变量的值是什么情况的(ng-swtich-when="变量的值";
    //那么当都不满足的时候(ng-switch-default)

    // 下面的js中的switch/case的使用;要进行类比
    </script>
    <script>
    var data=1;
    switch (data){
    case(0): alert("00");
    break ;
    case(1):alert("11");
    break;
    default :alert("222");
    }
    </script>
    </body>
    </html>
  • 相关阅读:
    python实例
    date命令
    unbuntu禁用ipv6
    Oracle学习(一)
    深入浅出区块链笔记
    sqlserver索引
    Go学习(16):网络编程
    Go学习(15):并发与包
    Go学习(14):defer
    Go学习(13):异常
  • 原文地址:https://www.cnblogs.com/liubaichi/p/6051490.html
Copyright © 2011-2022 走看看