Кнопка переключения после нажатия на AngularJS

-1

Когда я нажимаю кнопку «on», мой API запускает xhr для «активации» моих данных. Но когда я нажимаю кнопку «off», мой API запускает XHR на «deactive» мой data.isactive, который я получил из API данных (0 или 1). Поэтому я использую _Кнопка переключения после нажатия на AngularJS

ng-show and ng-hide

я показать свою кнопку «выкл» или «на», чтобы показать, если мой isactive === 1 или isactive === 0.

Я использовал этот код HTML:

<button ng-show="data.active" type="button" class="btn btn-default" ng-click="FiturThread(data)"><i class="fa fa-toggle-off"></i> Off</button> 
<button ng-hide="data.active" type="button" class="btn btn-success" ng-click="FiturThread(data)"><i class="fa fa-toggle-on"></i> On</button>

Моя проблема, я нажал кнопку «вкл» и оповещения запуска «Успех Активный», кнопка «на» следует заменить с помощью кнопки «выкл», так вместо.

Можете ли вы дать мне решение? Я должен был использовать что? Спасибо

источник

2017-02-20 userpr

Ваш HTML выглядит хорошо, должно быть проблема с данными, я хотел бы предложить осматривая ответ вы получить от вашего xhr-звонка в браузере. – George

Ответ xhr правильный и ожидаемый, так как я хочу – userpr

Я думаю, что результат - это массив данных, и вы пишете ng-repeat для выполнения активных/неактивных данных. Внутри этого ng-repeat кнопки остаются. Я понял это. Это правильно ? –

Вот рабочий пример

Попробуйте

<!DOCTYPE html> 
 
<html lang="en"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> 
 
</script>     
 

 
<body> 
 
    <div ng-app="myApp" ng-controller="myCtrl"> 
 
     <button ng-show="data.active" ng-click="FiturThread(data)">First Button</button> 
 
     <button ng-hide="data.active" ng-click="FiturThread(data)">Second Button</button> 
 
    </div> 
 

 
    <script> 
 

 
     var app = angular.module('myApp', []); 
 
     app.controller('myCtrl', function($scope) { 
 

 
      $scope.data = {}; 
 
      $scope.data.active = true; 
 
      $scope.FiturThread = function(){ 
 
      $scope.data.active = !$scope.data.active; 
 
     } 
 

 
    }); 
 
</script> 
 
</body> 
 
</html>

источник

2017-02-20 11:55:01

Его не работает сэр – userpr

у вас возникли какие-либо ошибки? –

yes, "TypeError: Не могу прочитать свойство" active 'of undefined " – userpr

Кнопка переключения после нажатия на AngularJS

ответ

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