javascript - Angularjs :why controller can not access object properties from service? 我真的很困惑

Question

angular.module('voteApp').factory('VoteFty', function (VoteRsc, VoteStatisticRsc) {

    var data = {
        vote: {}
    };

    var view = function () {

        VoteStatisticRsc.get({id: 1}, function (resp) {
            data.vote = resp;
        })
    };

    var vote = function (params) {

        VoteRsc.update({id: 1, index: params}, function (resp) {
            alert('ok!');
        })
    };

    view();

    return {
        data: data,
        vote: vote,
        view: view
    }
});

angular.module('voteApp').controller('VoteCtrl', function ($scope, VoteFty) {
  
    console.log(VoteFty.data);  // Object{vote:..}
    console.log(VoteFty.data.vote); // Object{}
}
                                     
                                     

在控制台中VoteFty.data显示它有投票属性，并且它的值绝对正确，但VoteFty.data.vote为空，这真的很奇怪。

为什么VoteFty.data.vote为空？我真的不明白，请帮我解决一下，谢谢!

Answer 1

您可以像这样使用工厂:

angular.module('voteApp').factory( 'VoteFty', function () {

    var factory = {};
    var privateVar = 'something';

    factory.data = function(){
        //some code here like return private var ect
        return privateVar;
    };

    return factory;
});

您可以使用 VoteFty.data();