0

我有以下可观察数组，当视图被激活时（在 Durandal 的 activate() 函数中），它使用 Breeze 从 WebAPI 获取数据

var prices = ko.observableArray();

价格类具有三个属性：id、name 和 price。

然后我有以下数组：

var services = [{
    active: true,
    name: 'Service1',
    price: getPrice('Service1')
}, {
    active: true,
    name: 'Service2',
    price: getPrice('Service2')
}];

getPrice(name) 函数应该做的是获取将名称作为参数传递的对象...

我希望能够在视图上执行以下操作：

<div class="services">
    <ul data-bind="foreach: services">
        <li data-bind="visible: active, text: name + ' ($' + price.price + ')'"></li>
    </ul>
</div>

我在 StackOverflow 上进行了很多搜索，并尝试以多种方式做到这一点，但无法使其发挥作用。我不确定是否应该使用 ko.utils.arrayFirst()、ko.computed() 或我应该做什么。我尝试了很多方法但没有成功。

4

3 回答 3

2

更新 认为我会在评论中添加 MrYellow 的这个答案，以防有人遇到这个问题。

results = ko.utils.arrayMap(inputs, function(item) { return new ModelFoo(item); });

原来的

您不能在视图中使用该数据，因为它不是可观察的数组，也不是可观察的属性。

var services = ko.observableArray([{
    active: ko.observable(true),
    name: ko.observable('Service1'),
    // Option 1
    price: ko.observable(getPrice('Service1'))
}, {
    active: ko.observable(true),
    name: ko.observable('Service2'),
    // Option 2
    price: ko.computed(getPrice(name()))
}]);

这在你看来是可行的。如果您尝试使用 Breeze 执行此操作，那么您应该已经有了一个 observable，除非出现问题，此时我们将需要更多代码。

如果您想遍历价格并让服务这样做 -

var services = ko.observableArray();
ko.utils.arrayForEach(prices(), function (price) {
    services.push(new service(price.active(), price.name(), price.price());
});

在这样的地方有一个模型

function service(active, name, price) {
    var self = this;
    self.active = ko.observable(active);
    self.name = ko.observable(name);
    self.price = ko.computed(getPrice(name));
}

原因是如果您要创建新的 Knockout 对象（可观察对象），那么您需要遍历 Breeze 结果并制作它们。使用如图所示的模型类型，这样您就可以提高效率并将所有内容保持在范围内。

另一种选择是，如果 price() 已经拥有除 price 属性之外的所有内容，则只需在返回 Breeze 实体时创建一个构造方法来计算价格。

于 2013-08-07T22:18:51.383 回答
1

你可以使用直接的 JS 来做到这一点：

var getPrice = function(name) {

    var matches = prices().filter(function(x) { return x.name == name; });

    if(matches.length == 0) return null;

    return matches[0].price;
};

注意我这样做prices().filter是因为它是一个 KO 可观察数组而不是普通数组。

于 2013-08-07T20:53:17.043 回答
-1

我会使用映射插件（http://knockoutjs.com/documentation/plugins-mapping.html）和计算的 observable，它创建价格 observable 而不是原始视图模型的一部分。见http://www.underwatergorilladome.com/how-to-use-knockouts-computed-observables-with-the-mapping-plugin/

于 2013-08-07T22:01:21.137 回答