为好奇的

Question

我有一个Angular控制器，似乎工作正常。我可以控制在服务调用内部记录用户变量，它包含正确的数据。但是在我的测试中，我可以控制台登录控制器并验证用户对象是否存在，但它是空的。看起来初始化似乎是在本地范围被破坏后尝试存储变量，但是由于我有另一个控制器和放大器，所以它非常奇怪。以完全相同的方式编写的测试工作正常。

我已经在这两天进行了迭代，所以如果有人有任何线索，我将非常感激。

function DetailAccountController (accountsService) {
    'use strict';

    var user = {};

    initialize();

    return {
        user: user
    };

    /**
     * Initialize the controller,
     * & fetch detail for a single user.
     */
    function initialize () {
        // If the service is available, then fetch the user
        accountsService && accountsService.getById('').then(function (res) {
            user = res;
        });

    }
}

和茉莉花测试：

describe('DetailAccountController', function () {
    var ctrl = require('./detail-account-controller'),
        data = [{
            "email": "fakeUser0@gmail.com",
            "voornaam": "Mr Fake0",
            "tussenvoegsel": "van0",
            "achternaam": "User0",
            "straat": "Mt Lincolnweg0",
            "huisnr": 0,
            "huisnr_toev": 0,
            "postcode": "0LW",
            "telefoonr": "0200000000",
            "mobielnr": "0680000000",
            "plaats": "Amsterdam",
            "id": "00000000"
        }],
        accountsServiceMock,
        $rootScope,
        $q;

    beforeEach(inject(function (_$q_, _$rootScope_) {
        $q = _$q_;
        $rootScope = _$rootScope_;

        accountsServiceMock = {
            getById: function () {}
        };

    }));

    it('should call the getById method at least once', function () {

        spyOn(accountsServiceMock, 'getById').and.returnValue($q.defer().promise);
        ctrl.call({}, accountsServiceMock);

        expect(accountsServiceMock.getById.calls.any()).toBe(true);
        expect(accountsServiceMock.getById.calls.count()).toBe(1);
    });

    it('should populate user data in the model', function () {
        var deferred = $q.defer();
        deferred.resolve(data);
        spyOn(accountsServiceMock, 'getById').and.returnValue(deferred.promise);

        var vm = ctrl.call({}, accountsServiceMock);
        $rootScope.$apply();

        expect(vm.user).toEqual(data);
    });
});

为好奇的

更新了解决方案

function DetailAccountController (accountsService) {
    'use strict';
    var self = this;
    self.user = null;

    initialize();

    return self;

    /**
     * Initialize the controller,
     * & fetch detail for a single user.
     */
    function initialize () {
        accountsService && accountsService.getById('').then(function (res) {
            self.user = res;
        });
    }
}

Answer 1

user = res影响局部变量，与返回的对象无关。

必须是

    accountsService && accountsService.getById('').then(function (res) {
        angular.extend(user, res);
    });

或

var obj = {
    user: {}
};

initialize();

return obj;

function initialize () {
    accountsService && accountsService.getById('').then(function (res) {
        obj.user = res;
    });

}

揭示模块模式＆amp;变量范围 - ＆gt;异步调用返回后公共对象未定义

为好奇的

1 个答案: