Ionicframework,状态改变后触发警报

时间:2014-10-27 19:39:08

标签: ionic-framework

下午所有,

我们对Ionic有点新,我们设法添加'cordovaBarcodeScanner'没有任何问题,我们扫描扫描qr代码和成功状态更改,但不会触发警告后。

如果有人能够看到我们做错了什么,这将有助于大规模。

谢谢。

angular.module('starter.controllers', [])

    .controller("PetIndexCtrl", function($scope, $rootScope, $state, $cordovaBarcodeScanner) {

        $scope.scanBarcode = function() {
            $cordovaBarcodeScanner.scan().then(function(result) {
                $rootScope.barcoderesults = [{
                  Result: result.text,
                    Format: result.format,
                    Cancelled: result.cancelled
                }];
                $state.go('tab.pet-detail');
                alert(result.text);
            }, function(error) {
                alert("Scanning failed: " + error);
            });
        };

    });

1 个答案:

答案 0 :(得分:6)

所以你想开始利用Ui-Router的事件。

.controller('RootCtrl', function($scope, $ionicLoading, $timeout){


  $scope.$on('$stateChangeStart', 
             function(event, toState, toParams, fromState, fromParams){ 
    $ionicLoading.show();
  });


  $scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {
    $timeout(function(){
      $ionicLoading.hide()
    },2000);
  });

})

所以在这个例子中,我只是在你改变状态时显示一个加载器,然后在状态改变成功后隐藏。

Simple Demo