почему событие нажатия кнопки не срабатывает в угловых JS?

0

не могли бы вы рассказать мне, почему событие 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);

});
Теги:
ionic-framework
angularjs-scope
angularjs-directive
angularjs-ng-repeat

1 ответ

1

У вас была орфографическая ошибка 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>
  • 0
    Есть ли другой способ показать загрузчик, чтобы при загрузке пользователь мог кликать? кроме ионного загрузчика
  • 0
    не в ionci, вы можете использовать сторонний загрузчик или просто использовать w3schools.com/tags/tag_progress.asp . Смысл ионного загрузчика заключается в том, чтобы не дать кому-либо нажать кнопку или вызвать приложение снова и снова, если оно уже загружается.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню