Question

我确信我遗漏了一些显而易见的东西，但我似乎无法解决这个问题的正面或反面。我有一个由javascript驱动的网页。绑定由Knockout.js提供，数据使用Breeze.js从服务器下载，我使用与Require.js绑定的模块。我的目标是加载html，从Breeze.js加载信息，然后应用绑定向用户显示数据。所有这些事情看起来都是正确发生的，只是没有按正确的顺序导致奇怪的绑定错误。现在转到代码。

我有一个在页面加载后调用的函数

function applyViewModel() {
        var vm = viewModel();
        vm.activate()
            .then(
                applyBindings(vm)
            );
    }

这应该调用activate，等待activate完成，然后应用绑定....但它似乎是调用activate，而不是等待它完成然后运行applybindings。

激活 -

function activate() {
            logger.log('Frames Admin View Activated', null, 'frames', false);

            return datacontext.getAllManufacturers(manufacturers)
                .then(function () {
                    manufacturer(manufacturers()[0]);
                }).then(function () {
                    datacontext.getModelsWithSizes(modelsWithSizes, manufacturers()[0].manufacturerID())
                        .then(datacontext.getTypes(types));
                });
        }

datacontext.getAllManufacturers -

var getAllManufacturers = function (manufacturerObservable) {
        var query = entityQuery.from('Manufacturers')
            .orderBy('name');

        return manager.executeQuery(query)
            .then(querySucceeded)
            .fail(queryFailed);

        function querySucceeded(data) {
            if (manufacturerObservable) {
                manufacturerObservable(data.results);
            }
            log('Retrieved [All Manufacturer] from remote data source',
                data, true);
        }
    };

datacontext.getModelsWithSizes -

var getModelsWithSizes = function (modelsObservable, manufacturerId) {
        var query = entityQuery.from('Models').where('manufactuerID', '==', manufacturerId)
            .orderBy('name');

        return manager.executeQuery(query)
            .then(querySucceeded)
            .fail(queryFailed);

        function querySucceeded(data) {
            if (modelsObservable) {
                for (var i = 0; i < data.results.length; i++) {
                    datacontext.getSizes(data.results[i].sizes, data.results[i].modelID());

                    // add new size function
                    data.results[i].addNewSize = function () {
                        var newValue = createNewSize(this.modelID());
                        this.sizes.valueHasMutated();
                        return newValue;
                    };
                }
                modelsObservable(data.results);

            }
            log('Retrieved [Models With Sizes] from remote data source',
                data, false);
        }
    };

任何关于为什么这个承诺不起作用的帮助将不胜感激，任何过程都可以理解，所以我可以在下次遇到这个时帮助自己。

Answer 1

使用promises时常见的错误是而不是指定回调，您指定从回调中返回的值：

function applyViewModel() {
    var vm = viewModel();
    vm.activate()
        .then( applyBindings(vm) );
}

请注意，当回调返回常规truthy值（数字，对象，字符串）时，这会导致异常。但是，如果回调没有返回任何内容或者它返回一个函数，那么找到它可能很棘手。

要更正代码应如下所示：

function applyViewModel() {
    var vm = viewModel();
    vm.activate()
        .then(function() {
            applyBindings(vm);
        });
}

挣扎着Q.js的承诺

1 个答案: