не могли бы вы рассказать мне, почему событие click не работает, когда загрузчик отображается на клике. Фактически я создал ситуацию, когда я получаю данные слишком поздно и пытаюсь перейти из этой ситуации (попробуйте переместить следующую страницу, но загрузчик присутствует на экране пользователя не удалось щелкнуть любую кнопку на экране). Нажмите на мое перо. Когда загрузчик отображает пользователя, он не может нажимать кнопку. Мое я не могу показать предупреждение на кнопке, вот мой код http://codepen.io/Anon/ручка /mJXXZY
когда я нажимаю предупреждение, не отображается
angular.module('ionicApp', ['ionic'])
.controller('AppCtrl', function($scope, $timeout, $ionicLoading) {
$scope.cll=function(){
alert("---")
}
// Setup the loader
$ionicLoading.show({
content: 'Loading',
animation: 'fade-in',
showBackdrop: false,
maxWidth: 200,
showDelay: 0
});
// Set a timeout to clear loader, however you would actually call the $ionicLoading.hide(); method whenever everything is ready or loaded.
$timeout(function () {
$ionicLoading.hide();
$scope.stooges = [{name: 'Moe'}, {name: 'Larry'}, {name: 'Curly'}];
}, 1000000);
});
У вас была орфографическая ошибка ng-clil вместо ng-click и когда вы вызываете нужную функцию(); Вот ваш код исправлен: также вы не сможете щелкнуть, пока отображается ионный загрузчик. Ручка рабочего кода: http://codepen.io/anon/pen/zGRWpm
HTML:
<html ng-app="ionicApp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Ionic Modal</title>
<link href="http://code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
</head>
<body ng-controller="AppCtrl">
<ion-view title="Home">
<ion-header-bar>
<h1 class="title">The Stooges</h1>
</ion-header-bar>
<ion-content has-header="true">
<button ng-click="cll()">click button</button>
<ion-list>
<ion-item ng-repeat="stooge in stooges" href="#">{{stooge.name}}</ion-item>
</ion-list>
</ion-content>
</ion-view>
</body>
</html>