如何显示ionicModal在AngularJS应用程序启动？

本文介绍了如何显示ionicModal在AngularJS应用程序启动？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我怎么能显示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', ['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应用程序启动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！