javascript - 服务中的 Angular 引用错误

Question

我在 Ionic/Cordova 应用程序中提供以下服务。我想使用 $ionicLoading 来使用加载消息，但我总是收到错误:

ReferenceError: $ionicLoading is not defined

如何将 $ionicLoading 传递到服务中？

感谢您的帮助。

/**
 * Service for making calls
 */
.factory('DialService', function() {
    return {
        makeCall: function(number) {
            $ionicLoading.show({
                template: 'TEST',
                duration: 1000
            });

            window.cordova.plugins.DirectCallPlugin.call(number, callSuccessCallback, callFailCallback);
        }
    };

    var callSuccessCallback = function() {
        console.log("Success call");
    };

    var callFailCallback = function() {
        console.log("Fail calll");
        $ionicLoading.show({
            template: 'Error during call dial',
            duration: 1000
        });
    };

});

Answer 1

改变这个:

.factory('DialService', function() {

进入此:

.factory('DialService', function($ionicLoading) {

并确保:

• 脚本已加载到您的 index.html
• ionic 被声明为 Angular 模块的依赖项