ng-show ; ng-hide

最新推荐文章于 2018-08-08 14:57:47 发布

ilvseyinfu

最新推荐文章于 2018-08-08 14:57:47 发布

阅读量327

点赞数

分类专栏： AngularJs

本文链接：https://blog.csdn.net/qq_31751569/article/details/52403848

版权

AngularJs 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!doctype html>
<html ng-app="myapp">
<head>
	<meta charset="utf-8">
	<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>

<body>
	<div ng-controller="controller1">
		<button ng-click="toggle()">Toggle Menu</button>
		<br>
		<ul ng-show="flag">
			<li ng-repeat="name in names">age:{{name.age}}   where:{{name.where}}</li>
		</ul>
	</div>	


	<script>
		var myModule = angular.module("myapp" , []);
		myModule.controller('controller1' , ['$scope', 
			function($scope){

				$scope.flag = true;

				$scope.names=[
				{age:18 , where:"henan"},
				{age:19 , where:"shandong"},
				{age:20 , where:"shanxi"},
				{age:21 , where:"hebei"}
				];

				$scope.toggle = function(){

					$scope.flag = !$scope.flag;
				};

			}]);
	</script>
</body>

</html>