如何显示ionicModal在AngularJS应用程序启动?(How to show ionicM

2019-10-22 02:14发布

我怎样才能显示ionicModal上的应用程序启动? 此代码不能正常工作

angular.module('testApp', ['ionic'])
.controller('MyController', function($scope, $ionicModal, $ionicPlatform) {
  $ionicPlatform.ready(function(){

    $scope.initApp = function() {
      // some init variables here
      if (someVariable){
        $scope.openModal();
      }
    }
    // init ionicModal here
    $scope.openModal = function() {
      $scope.modal.show();
    };
    $scope.initApp();
  });
});

但这项工作

angular.module('testApp', ['ionic'])
.controller('MyController', function($scope, $ionicModal, $ionicPlatform, $timeout) {
  $ionicPlatform.ready(function(){
    $scope.initApp = function() {
      // some init variables here
      if (someVariable){
        $timeout(function() {
          $scope.openModal();
        }, 1000);
      }
    }
    // init Modal here
    $scope.openModal = function() {
      $scope.modal.show();
    };
    $scope.initApp();
  });
});

我想在应用程序启动开放模式窗口刻不容缓。 我怎样才能做到这一点? 谢谢!

编辑代码

Answer 1:

据我了解应用程序启动时设备已准备就绪。

所以,你可以使用$ ionicPlatform.ready方法附加回调时,该设备已准备就绪。

触发回调一旦设备已准备就绪,或立即如果设备已经准备就绪。 源 。

angular.module('testApp', ['ionic'])
.controller('MyController', function($scope, $ionicModal, $ionicPlatform) {
  $ionicModal.fromTemplateUrl('my-modal.html', {
    scope: $scope,
    animation: 'slide-in-up'
  }).then(function(modal) {
    $scope.modal = modal;
  });
  $scope.openModal = function() {
    $scope.modal.show();
  };
  $ionicPlatform.ready(function(){
    $scope.openModal();
  });
});


Answer 2:

你应该等到设备已经准备就绪,有它的许多方法,这里是一个我发现:

$ionicPlatform.ready(function() {
     $scope.openModal();
});


文章来源: How to show ionicModal on AngularJS app start?