ボタンの表示/非表示方法は？

Question

私は動的ページでアプリを作っています。私は自分のページに複数のボタンを持っていますが、すべてのボタンは一度に表示されるのではなく、連続して表示されるべきです。私は最初に目に見えないようにする必要があります。たとえば、最初のボタンを表示する必要があります。そのボタンをクリックすると、ボタンが消え、新しいボタンが表示されます。 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; 
    } 
}); 

Answer 1

私は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; 
     } 
    });