如何显示/隐藏按钮？

我正在制作一个动态页面的应用程序。我的页面上有多个按钮，但所有按钮都不应该立即可见，而是连续可见。我首先需要他们隐身。例如，第一个按钮应该是可见的。当我点击那个按钮时，按钮应该消失并且新的按钮应该出现，等等。使用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; 
    } 
});

来源

2016-04-30 Chiarra

有几种方式来显示/隐藏/添加/从页面中移除的内容，其中包括'NG-hide' /'NG-show'。你有什么努力去做他/他们？（例如：显示您尝试使用的代码） –

您是否想要实现一系列的隐藏和显示。 – Devank

您是否尝试过按顺序使用ng-hide/ng-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; 
     } 
    });

来源

2016-04-30 17:36:23

所以这意味着把每个按钮放在自己的div？因为这将是很多div，因为我会有很多按钮。 – Chiarra

我没有为每个按钮使用单独的div。所有按钮都在'form-group'的div内。 –

是的，但我的游戏工作方式，大多数按钮不能同时显示。它不会让你做出的选择仍然存在，它需要消失。如果你还没有选择那些选项，他们也不应该看到。 – Chiarra

如何显示/隐藏按钮？

回答

相关问题