如何显示/隐藏按钮?
问题描述:
我正在制作一个动态页面的应用程序。我的页面上有多个按钮,但所有按钮都不应该立即可见,而是连续可见。我首先需要他们隐身。例如,第一个按钮应该是可见的。当我点击那个按钮时,按钮应该消失并且新的按钮应该出现,等等。使用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;
}
});
有几种方式来显示/隐藏/添加/从页面中移除的内容,其中包括'NG-hide' /'NG-show'。你有什么努力去做他/他们? (例如:显示您尝试使用的代码) –
您是否想要实现一系列的隐藏和显示。 – Devank
您是否尝试过按顺序使用ng-hide/ng-show。你可以请发布你的代码,以更好地了解... –