如何显示ionicModal在AngularJS应用程序启动？ [英] How to show ionicModal on AngularJS app start?

问题描述

我怎么能显示ionicModal上的应用程序启动？这code不起作用

  angular.module（'testApp'，['离子']）
.controller（'myController的'，函数（$范围，$ ionicModal，$ ionicPlatform）{
  $ ionicPlatform.ready（函数（）{    $ scope.initApp =功能（）{
      //这里有些初始化变量
      如果（someVariable）{
        $ scope.openModal（）;
      }
    }
    //初始化ionicModal这里
    $ scope.openModal =功能（）{
      $ scope.modal.show（）;
    };
    $ scope.initApp（）;
  }）;
}）;
 

但这项工作

  angular.module（'testApp'，['离子']）
.controller（'myController的'，函数（$范围，$ ionicModal，$ ionicPlatform，$超时）{
  $ ionicPlatform.ready（函数（）{
    $ scope.initApp =功能（）{
      //这里有些初始化变量
      如果（someVariable）{
        $超时（函数（）{
          $ scope.openModal（）;
        }，1000）;
      }
    }
    //初始化模态这里
    $ scope.openModal =功能（）{
      $ scope.modal.show（）;
    };
    $ scope.initApp（）;
  }）;
}）;
 

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

编辑code

解决方案

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

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

  一旦设备已准备就绪，或者立即如果设备已经准备就绪

触发回调。 来源。

  angular.module（'testApp'，['离子']）
.controller（'myController的'，函数（$范围，$ ionicModal，$ ionicPlatform）{
  $ ionicModal.fromTemplateUrl（我的-modal.html'，{
    适用范围：$范围，
    动画：滑入式
  }），然后（函数（模式）{
    $ scope.modal =模态;
  }）;
  $ scope.openModal =功能（）{
    $ scope.modal.show（）;
  };
  $ ionicPlatform.ready（函数（）{
    $ scope.openModal（）;
  }）;
}）;
 

How can I show ionicModal on app start? This code doesn't work

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();
  });
});

but this work

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();
  });
});

I want open modal window on app start without delay. How can I do this? Thanks!

Edit code

解决方案

As i understand application starts when device is ready.

So you can use the $ionicPlatform.ready method to attach callbacks for when the device is ready.

Trigger a callback once the device is ready, or immediately if the device is already ready. Source.

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();
  });
});

这篇关于如何显示ionicModal在AngularJS应用程序启动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！