如何显示/隐藏按钮

How to show/hide button?

本文关键字：隐藏 按钮 显示 何显示      更新时间：2023-09-26

我正在制作一个带有动态页面的应用程序。我的页面上有多个按钮，但所有按钮不应该同时可见，而是一个接一个连续可见。我需要他们一开始是隐形的。例如，第一个按钮应该是可见的。当我点击那个按钮时，按钮应该会消失，新的按钮应该会出现，依此类推。使用ng show/ng hide实现此功能的最佳选项是什么？

编辑--------

至于我试图对他们做什么，我试图做这样的事情，但后来我对这一切感到困惑

<button style="Width: 6em;"  ng-show="show" ng-click="question()">???</button>
<button style="Width: 6em;" ng-hide="hide" ng-click="question1()">???</button>  
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    var darkness = "Darkness";
    $scope.darkness = darkness;

    $scope.question = function () {
        var text = "Nothing but darkness and the pain that radiates through your very being.";
        $scope.text = text;
        $scope.hide = false;
        $scope.show = !show;
    }
});

我一直在开发一个显示和隐藏div元素的应用程序。希望你能继续下面的例子。

    <div class="container" ng-app="showHideApp" ng-controller="showHideController">
       <div class="col-sm-8 col-sm-offset-2">
           <!-- FORM -->
           <div class="form-group">
              <button class="btn btn-danger" ng-click="showMe();">Click me for show</button>
              <button class="btn btn-danger" ng-click="hideMe();">Click me for hide</button>
           </div>
       <div class="form-group" ng-show="show">
         <p>I am showing</p>
       </div>
    </div>
</div>

JS代码：

angular.module('showHideApp',[]).controller('showHideController', function($scope){
       $scope.showMe = function(){
         $scope.show=true;
       }
       $scope.hideMe = function(){
         $scope.show=false;
       }
   });
相关文章：