检查mobilefirst是否已加载

Question

我有角应用并使用Mobile-first 8.如何检查MobileFirst是否已加载？我需要先等待科尔多瓦被装上吗？

在V7.1中，我有一个返回cordova设备对象的MobileFirst包装。然而，因为它现在是一个插件，我不知道如何检查...

我没有WLCommonInit函数。我正在使用“angular.run”函数，该函数在加载应用程序之前被注入并执行。在这里我的代码在7.1

(function() { 
     'use strict'; 
    angular 
    .module('local_worklight', []) 
    .run(WorklightRun) 

    WorklightRun.$inject = ['$rootScope', '$q']; 

    function WorklightRun($rootScope, $q) { 

    // Worklight statuss 
    var initDeferred = $q.defer(); 
    $rootScope.worklightInitPromise = initDeferred.promise; 
    $rootScope.worklightLoaded = false; 

    var connectionDeferred = $q.defer(); 
    $rootScope.worklightConnectionPromise = connectionDeferred.promise; 
    $rootScope.worklightConnected = false; 

    // Listen for load/onload and start worklight init 
    if (window.addEventListener) { 
     window.addEventListener('load', loadHandler, false); 
    } else if (window.attachEvent) { 
     window.attachEvent('onload', loadHandler); 
    } 

    // Worklight connect options 
    var wlConnectOptions = { 
     timeout: 10000, 

     onFailure: connectionFailure, 

     onSuccess: function() { 
     console.log('MFP: Connected'); 
     $rootScope.worklightConnected = true; 
     connectionDeferred.resolve(); 
     } 
    }; 

    // Worklight init options 
    var wlInitOptions = { 
     timeout: 10000, 

     onConnectionFailure: initFailure, 

     onFailure: initFailure, 

     onSuccess: function() { 
     console.log('MFP: Loaded'); 
     initDeferred.resolve(); 
     $rootScope.worklightLoaded = true; 
     if (window.addEventListener) { 
      window.addEventListener(WL.Events.WORKLIGHT_IS_CONNECTED, wlConnectedHandler, true); 
      window.addEventListener(WL.Events.WORKLIGHT_IS_DISCONNECTED, wlDisconnectedHandler, true); 
     } else if (window.attachEvent) { 
      window.attachEvent(WL.Events.WORKLIGHT_IS_CONNECTED, wlConnectedHandler); 
      window.attachEvent(WL.Events.WORKLIGHT_IS_DISCONNECTED, wlDisconnectedHandler); 
     } 
     console.log('MFP: About to connect - ' + JSON.stringify(wlConnectOptions, null, 2)); 
     WL.Client.connect(wlConnectOptions); 
     } 
    }; 

    var worklightLoadEvent = null; 
    worklightLoadEvent = document.createEvent('CustomEvent'); 

    function loadHandler() { 
     try { 
     console.log('MFP: Load event detected, about to init - ' + JSON.stringify(wlInitOptions, null, 2)); 
     WL.Client.init(wlInitOptions); 
     } catch (err) { 
     console.error('MFP: "WL" init error - ' + err); 
     initFailure(err); 
     worklightLoadEvent.initCustomEvent('worklightLoadFailure', true, false, {}); 
     window.dispatchEvent(worklightLoadEvent); 
     } 
    } 

    function wlConnectedHandler() { 
     $rootScope.worklightConnected = true; 
     WL.App.hideSplashScreen(); 
    } 

    function wlDisconnectedHandler() { 
     $rootScope.worklightFailureAcknowledged = true; 
     $rootScope.worklightConnected = false; 
     WL.App.hideSplashScreen(); 
    } 

    function connectionFailure(err) { 
     console.log('MFP: No Connection - ' + JSON.stringify(err, null, 2)); 
     connectionDeferred.reject(err); 
    } 

    function initFailure (err) { 
     console.log('MFP: init failed - ' + err); 
     initDeferred.reject(err); 
     connectionFailure(err); 
    } 

    } 
    })(); 

我看着一个示例角度的应用程序与Mobilefirst，但它使用'angular.bootstrap'。不过，我需要将我的应用绑定到ng- *。所以，我不能用它

感谢您的帮助..

Answer 1

为什么不使用wlCommonInit？正是出于这个原因。

请参阅以下博客文章的最佳实践构建AngularJS应用与MobileFirst基金会8.0：https://mobilefirstplatform.ibmcloud.com/blog/2016/08/11/best-practices-for-building-angularjs-apps-with-mobilefirst-foundation-8.0/