Question

我是Angularjs的新手。我有4个按钮“编辑，重置密码，确定，取消”。当页面加载时我必须显示编辑和重置密码按钮。当我点击编辑“确定和取消”按钮应该是可见的“编辑和重置密码”按钮应隐藏，反之亦然。但是当我点击“重置密码”按钮时，弹出窗口应该打开。我该怎么做？

Answer 1

这是代码：

<head>
     <script src="js/libs/angular.min.js"></script>
</head>
<body>

<h3 align="center">ng-Click ng-Show demo</h3>
   <div ng-init="showButton=false" ng-controller="buttonController">
       <button ng-show="showButton" ng-click="toggle()">Edit</button>
       <button ng-show="showButton" ng-click="showPopup()">Reset Password</button>
       <button ng-hide="showButton" ng-click="toggle()">OK</button>
       <button ng-hide="showButton">CANCEL</button>
  </div>
<script>
     function buttonController($scope){
         $scope.toggle=function(){                    
                $scope.showButton=!$scope.showButton;   
            };
         $scope.showPopup=function(){
           window.alert("Do want to reset?");
         }
     }
</script>
</body>

Answer 2

您可以使用ng-hide和ng-show。

<input ng-hide = "someVariable"> abc </input>

如果＆＃34; someVariable＆＃34;如果为true，则此输入元素将被隐藏，如果为false，则可见。

更多信息：https://docs.angularjs.org/api/ng/directive/ngHide

Angularjs按钮隐藏和显示

2 个答案: