Ionic - Показывать счетчик после нажатия кнопки

этоволчок вариант от ионного крутится все времяКак здесь

<ion-spinner icon="spiral"></ion-spinner>

Как заставить спиннер вращаться только после нажатия пользователем кнопки, а не раньше !?

Ответы на вопрос(3)

Решение Вопроса

Вы можете попробовать это также внутри вашего контроллера

$scope.show = function() {
        $ionicLoading.show({
          template: '<p>Loading...</p><ion-spinner icon="android"></ion-spinner>'
        });
      };

      $scope.hide = function(){
        $ionicLoading.hide();
      }; 

Ты можешь позвонить$scope.show($ionicLoading); чтобы начать вращаться, и вы можете положить этому конец$ionicLoading.hide();

конечно, вы должны ввести$ ionicLoading в вашем контроллере.

Это сработало для меня, надеюсь, это поможет вам

HTML

контроллер

$scope.someFunction = function(){     
     $ionicLoading.show({
              noBackdrop :false,
              template: ' <ion-spinner icon="spiral"></ion-spinner>',
              duration :20000//Optional
          });
     //Do Something
     $ionicLoading.hide();//Hide it after Something is completed
}

Он покажет счетчик, как только вы нажмете кнопку. С уважением

ылке codepen вы можете изменить часть кнопки и вставить это:

<button type="submit" ng-click="click()" class="button button-block button-positive">
    <ion-spinner ng-hide="showing" class="spinner-energized"></ion-spinner>
    <span class="button-text">Click me!</span>
</button>

и добавить в MainCtrl

$scope.showing = true;
$scope.click = function(){
    $scope.showing = false;
}

поэтому при нажатии на кнопку прядильщик покажет. Конечно, вам нужно немного логики, чтобы остановить это, но это просто, чтобы показать вам, как вы можете справиться с этим. Надеюсь, поможет.

 lewis4u13 июн. 2016 г., 14:35
 macrog13 июн. 2016 г., 14:32
как я могу пойти в чат?
 macrog13 июн. 2016 г., 14:21
это пожалуйста, проверьте этоссылка на сайт
 lewis4u13 июн. 2016 г., 14:24
не могли бы вы прийти в чат
 lewis4u13 июн. 2016 г., 14:09
Я попробовал ваш код, и он не работает в codepen
 lewis4u13 июн. 2016 г., 13:26
Извините, но где MainCtrl, я использую ionic-1, и я работаю с ionic уже неделю (7 дней)
 lewis4u13 июн. 2016 г., 14:01
ОК, я понимаю .... но где я должен положить его в мое приложение, какую папку / файл?
 macrog13 июн. 2016 г., 13:29
хорошо, если вы открываете ссылку из codepen, вы получаете экран, разделенный на 2 столбца, оставленный html, где вам нужно вставить часть кода кнопки, справа это часть JS, где у вас есть MainCtrl

Ваш ответ на вопрос