如何顯示/隱藏按鈕？

我正在製作一個動態頁面的應用程序。我的頁面上有多個按鈕，但所有按鈕都不應該立即可見，而是連續可見。我首先需要他們隱身。例如，第一個按鈕應該是可見的。當我點擊那個按鈕時，按鈕應該消失並且新的按鈕應該出現，等等。使用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

如何顯示/隱藏按鈕？

回答

相關問題