angular中ng-switch的用法

最新推荐文章于 2021-01-20 12:21:47 发布

adg1994427

最新推荐文章于 2021-01-20 12:21:47 发布

阅读量430

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liubaichi/p/6051490.html

版权

<!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>