angular常见指令之ng-switch应用

前端之家收集整理的这篇文章主要介绍了angular常见指令之ng-switch应用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

#与其他语言 switch case对比

  • switch -->ng-switch --选择变量
  • case->ng-switch-when --选择匹配的值

示例如下:

<body ng-app="myApp" ng-controller="demoCtrl">
	<!--
		匹配上 显示  匹配不上 隐藏
	-->
	<div ng-switch="num">
		<button ng-click="num=1">按钮1</button>
		<button ng-click="num=2">按钮2</button>
		<button ng-click="num=3">按钮3</button>

		<div ng-switch-when="1">按钮1对应的内容</div>
		<div ng-switch-when="2">按钮2对应的内容</div>
		<div ng-switch-when="3">按钮3对应的内容</div>
	</div>
	
	<script src="node_modules/angular/angular.js"></script>
	<script>
		angular.module('myApp',[])

			.controller('demoCtrl',['$scope',function($scope){

				$scope.num = 1;

			}])
	</script>
</body>
原文链接:https://www.f2er.com/angularjs/146116.html

猜你在找的Angularjs相关文章