list - 淘汰赛，同一页面上的 2 个类似列表

Question

我想使用 knockout.js 在 2 个列表上应用绑定。问题是这两个列表具有相似的字段并且名称有时相同。每个列表都有一个表单来添加一些字段。我不知道如何分隔这些列表并在使用具体形式后添加新行以更正一个。

Answer 1

我这样做的方式是使用这样的复杂视图模型：

var list1Model = {
    name: ko.observable(),
    type: ko.observable(),
};

var list2Model = {
    name: ko.observable(),
    type: ko.observable(),
};

var viewModel = {
list1: list1Model,
list2: list2Model
}

然后，当您在 HTML 中使用它时：

    <div data-bind="with: list1">
        <div data-bind="text: name">

        </div>
        <div data-bind="text: type">

        </div>
    </div>
    <div data-bind="with: list2">
        <div data-bind="text: name">

        </div>
        <div data-bind="text: type">

        </div>
    </div>