angular学习日志08 ng-show ng-hide

最新推荐文章于 2020-04-30 11:47:35 发布

015646

最新推荐文章于 2020-04-30 11:47:35 发布

阅读量317

点赞数

分类专栏： # Angularjs 文章标签： ng-show ng-hide

本文链接：https://blog.csdn.net/u011488769/article/details/50417482

版权

Angularjs 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" ng-app="start">
<head>
<meta charset="UTF-8">
<title>ng-hide ng-show</title>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body>
<div ng-controller='DeathrayMenuController'>
<button ng-click='toggleMenu()'>Toggle Menu</button>
<ul ng-show='menuState.show'>
<li>Stun</li>
<li>Disintegrate</li>
<li>Erase from history</li>
</ul>
</div>
<script type="text/javascript">
angular.module('start',[])
.controller('DeathrayMenuController',function($scope){
$scope.menuState={
show:false
};
$scope.toggleMenu=function(){
$scope.menuState.show = !$scope.menuState.show;
}
})

</script>
</body>
</html>