Ionic - Показывать счетчик после нажатия кнопки
Ответы на вопрос(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;
}
поэтому при нажатии на кнопку прядильщик покажет. Конечно, вам нужно немного логики, чтобы остановить это, но это просто, чтобы показать вам, как вы можете справиться с этим. Надеюсь, поможет.
как я могу пойти в чат?
это пожалуйста, проверьте этоссылка на сайт
не могли бы вы прийти в чат
Я попробовал ваш код, и он не работает в codepen
Извините, но где MainCtrl, я использую ionic-1, и я работаю с ionic уже неделю (7 дней)
ОК, я понимаю .... но где я должен положить его в мое приложение, какую папку / файл?
хорошо, если вы открываете ссылку из codepen, вы получаете экран, разделенный на 2 столбца, оставленный html, где вам нужно вставить часть кода кнопки, справа это часть JS, где у вас есть MainCtrl