angular中ng-switch的用法

瑶疏影 2017-05-02

展开全文

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>