Angularjs button hide and show

-1

Я новичок в Angularjs. У меня есть 4 кнопки «edit, Reset password, ok, cancel». Когда загружается страница, я должен показывать кнопки редактирования и сброса пароля. Когда я нажимаю кнопку «ok и cancel», кнопки должны быть видимыми и «редактировать и сбрасывать пароль» должны быть скрыты, и наоборот. Но когда я нажимаю «Сброс пароля» всплывающую кнопку следует открыть. Как я могу это сделать?Angularjs button hide and show

источник

2014-12-24 Vidi Samy

возможно дубликат [AngularJs: нг-шоу/нг скрыть] (http://stackoverflow.com/questions/12599637/angularjs-ng- show-ng-hide) –

что вы пробовали? Это довольно основательно и охвачено во многих учебниках и блогах на Angular. –

Вы можете использовать нг скрытие и нг-шоу для этого.

<input ng-hide = "someVariable"> abc </input>

Если «someVariable» истинно, этот входной элемент будет скрыт и будет виден, если он неверен.

Для получения дополнительной информации: https://docs.angularjs.org/api/ng/directive/ngHide

источник

2014-12-24 06:24:27 AngularHarsh

Вот код:

<head> 
    <script src="js/libs/angular.min.js"></script> 
</head> 
<body> 

<h3 align="center">ng-Click ng-Show demo</h3> 
    <div ng-init="showButton=false" ng-controller="buttonController"> 
     <button ng-show="showButton" ng-click="toggle()">Edit</button> 
     <button ng-show="showButton" ng-click="showPopup()">Reset Password</button> 
     <button ng-hide="showButton" ng-click="toggle()">OK</button> 
     <button ng-hide="showButton">CANCEL</button> 
    </div> 
<script> 
    function buttonController($scope){ 
     $scope.toggle=function(){      
             $scope.showButton=!$scope.showButton;    
      }; 
     $scope.showPopup=function(){ 
      window.alert("Do want to reset?"); 
     } 
    } 
</script> 
</body>

источник

2014-12-24 07:02:24 sarang

Angularjs button hide and show

ответ

Смежные вопросы