java按钮控制页面显示隐藏_Angular实现点击按钮控制隐藏和显示功能示例

本文实例讲述了Angular实现点击按钮控制隐藏和显示功能。分享给大家供大家参考，具体如下：

先来看看运行效果：

具体代码如下：

www.jb51.net Angular显示隐藏

.box{

width: 100px;

height: 100px;

background: red;

}

var myapp=angular.module("myapp",[]);

myapp.controller("myCtrl",function ($scope) {

$scope.show=true;

$scope.fun=function () {

$scope.show=!$scope.show;

console.log($scope.show);

}

$scope.hide=true;

$scope.func=function () {

$scope.hide=!$scope.hide;

}

})

点击切换

按钮

希望本文所述对大家AngularJS程序设计有所帮助。