Question

我如何在Knockout中完成这样的事情？鉴于来源是这样的[“一”，“两”，“三”]

<div>
    <p>
        <div>
            <div>One</div>
            <div>Two</div>
            <div>Three</div>
        </div>
        <div>
            <div>Four</div>
            <div>Five</div>
            <div>Six</div>
        </div>
    </p>
</div>

Answer 1

<div data-bind="foreach:someArrayContainingTheValues">
    <div data-bind="text:$data"></div>
</div>

试试上面的

Answer 2

我创建了一个JSFiddle来展示如何实现这一目标：http://jsfiddle.net/bxfXd/3509/

<强>标记：

<div class="outer" data-bind="foreach:itemsGrouped">
    <div class="inner">
        <!-- ko foreach: $data -->
            <div class="main" data-bind="text:$data"></div>
        <!-- /ko -->
    <div>
</div>

<强> JS：

Array.prototype.chunk = function (chunkSize) {
    var array = this;
    return [].concat.apply([],
    array.map(function (elem, i) {
        return i % chunkSize ? [] : [array.slice(i, i + chunkSize)];
    }));
}

var SimpleListModel = function(items) {
    var self = this;

    self.items = ko.observableArray(items); 

    self.itemsGrouped = ko.computed(function () {
        return self.items().chunk(3);
    });
};

ko.applyBindings(new SimpleListModel(
                            ["One", "Two", "Three", "Four", "Five", "Six"]));

作为参考，块方法取自here，由@ninjagecko

发布

敲除数据 - 一次绑定三个

2 个答案: