angular+点击按钮,隐藏和显示F12打印状态
2017-09-09 09:22
996 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width: 100px; height: 100px; background: red; } </style> <script src="angular/angular.js"></script> <script> 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; } }) </script> </head> <body ng-app="myapp" ng-controller="myCtrl"> <div class="box"ng-show="show"></div> <button ng-click="fun()">点击切换</button> <div ng-class="{box:hide}"></div> <button ng-click="func()">按钮</button> </body> </html>
相关文章推荐
- Angular实现点击按钮控制隐藏和显示功能示例
- 1怎样让输入的text文本填写的部分只添加数字、2怎样将输入的数字一次性全部删除 3怎样选择密码 让它不显示 4 怎样实现在没有return的情况下点击button的情况下就能够使键盘页面下落5 怎样实现点击指定的button来对使指定的text进行键盘弹出 6怎样改变button按钮的状态
- js/jq 点击按钮显示div,点击页面其他任何地方隐藏div
- JS实现点击参数面板按钮显示或隐藏数据
- 点击按钮显示隐藏内容
- jQuery点击按钮实现div的隐藏和显示切换效果
- jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
- 通过点击图标/按钮处理一级菜单的显示和隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- JavaScript点击一个按钮隐藏和显示div
- 一个按钮点击隐藏下面内容,再点击显示,并且按钮自己里边的字也在变
- 实现点击按钮切换显示和隐藏效果
- jquery点击按钮显示和隐藏DIv
- Vue.js 点击按钮显示/隐藏内容的实例代码
- jquery 默认隐藏div,点击按钮显示,再次点击隐藏
- MFC 点击按钮显示和隐藏对话框
- Silverlight 通过点击按钮显示/隐藏DataGrid的RowDetail
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- unity3d4.6 点击按钮显示对象和隐藏对象
- Android 点击按钮实现控件显示隐藏