@DimaPolishuk

Директивы ng-show, ng-hide, как использовать?

Имеется 2 кнопки, при загрузке страницы видна только одна кнопка, как с помощью ангуляровских директив ng-show , ng-hide сделать так чтобы кликая на первую кнопку, данная кнопка пропадала и появлялась другая, и наоборот?

Сделал вот так :
<button class="btn btn-start" ng-click="startOrStop()" ng-bind="buttonText"></button>


var isStart = false;
        var isStop = false;
        $scope.buttonText = "Start";
    
       $scope.startOrStop= function() {
         if (isStart) {
           $scope.start();
           isStart = false;
           isStop = true;
           $scope.buttonText = "Stop";
      } 
      
        if (isStop) {
          $scope.stop();
          isStop = false;
          $scope.buttonText = "Start";
      } else {
          $scope.start();
          isStop = true;
          $scope.buttonText = "Stop";
      }
    };
  • Вопрос задан
  • 539 просмотров
Решения вопроса 1
mnagaev
@mnagaev
FullStack Web Developer
a=!a
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
dimakrsna
@dimakrsna
Front-end develorer
Хороший пример тут: https://scotch.io/tutorials/how-to-use-ngshow-and-...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы