Servislerden çıktıları denetleyicilere kullanın

Question

$ http.get adresimin hizmetimden denetleyicime geçmesini istiyorum.

myserviceSample.js

function messagesService($q,$http){ 
    var messages; 
    $http({ 
     method: 'GET', 
     url: 'http://api.com/feedback/list' 
    }) 
    .then(function success(response){ 

     messages = response.data; 
     console.log(messages); 
    },function error(response){ 
     console.log('error'+ response); 
    }); 
    console.log(messages); 

    return { 
     loadAllItems : function() { 
     return $q.when(messages); 
     } 
    }; 
    } 

})(); 

mycontrollerSample.js

function MessagesController(messagesService) { 
    var vm = this; 

    vm.messages = []; 

    messagesService 
     .loadAllItems() 
     .then(function(messages) { 
     console.log(messages); 
     vm.messages = [].concat(messages); 
     }); 
    } 
})(); 

Yukarıdaki kod sonucu tanımlanmamış çıkış verir. Neyi özledim?

Answer 1

$q.when nesnesi, çalışmasını sağlamak için promise/object bekler. Sizin durumunuzda, $http.get numaralı çağrıyı yaparken promise nesnesini $q.when'a aktarmanız gerekmektedir. Burada messages nesnesi, $http.get sözünü tutmaz, bu nedenle aşağıdaki gibi bir yöntemin uygulanmasını değiştirebilirsiniz.

Servis

function messagesService($q,$http){ 
    var messages = $http({ 
     method: 'GET', 
     url: 'http://api.com/feedback/list' 
    }) 
    .then(function success(response){ 
     return response.data; 
    },function error(response){ 
     return $q.reject('Error Occured.'); 
    }); 

    return { 
     loadAllItems : function() { 
     return $q.when(messages); 
     } 
    }; 
} 

Ardından kontrolör & .then trick

function MessagesController(messagesService) { 
    var vm = this; 
    vm.messages = []; 
    messagesService 
     .loadAllItems() 
     .then(function(messages) { 
     console.log(messages); 
     vm.messages = [].concat(messages); 
     }); 
} 

Not yapacak bu sözü çözecek

: Özel bir söz oluşturmak için $q kullanma olarak kabul edilirolduğunda kötü desen

Geliştirilmiş Uygulama

function messagesService($q, $http) { 
    var messages, getList = function() { 
    return $http({ 
     method: 'GET', 
     url: 'http://api.com/feedback/list' 
    }) 
    .then(function success(response) { 
     messages = response.data 
     return response.data; 
    }, function error(response) { 
     return $q.reject('Error Occured.'); 
    }); 
    }; 

    return { 
    loadAllItems: function() { 
     if (!data) 
     return getList(); //return promise 
     else 
     return $q.resolve(messages); //return data 
    } 
    }; 
};