1

我是 Knockout 的新手，正在尝试在 Knockout 中学习 Click 绑定。

我的示例代码是

HTML

<button data-bind="click: addEmp('fnameX', 'lnameX')">Add one more</button>
<ul data-bind="foreach: employees">
<li>
<span data-bind="text: fname"> </span> <span data-bind="text: lname"> </span>
</li>
</ul>

JavaScript

// model
function employee(fname, lname) {
    this.fname = ko.observable(fname);
    this.lname = ko.observable(lname);
}

// view model

var vm = {
    company: ko.observable('Company Name'),
    employees: ko.observableArray(),
    addEmp: function (fname, lname) {
        this.employees.push(new employee(fname, lname));

    }
};


// adding employees to array
vm.addEmp('fname1', 'lname1');
vm.addEmp('fname2', 'lname2');


//binding
ko.applyBindings(vm);

我期待：

应显示 2 条记录，当用户单击“再添加一条”时，应将一条新记录添加到 viewmodel 中，并反映在我的视图中。

但是，实际输出是：

最初显示了 3 条记录，当用户单击“再添加一条”时，没有记录被添加到 viewmodel 中，并且没有反映在视图中。

JSFiddle 链接：http: //jsfiddle.net/Rama_Kishore/AGycj/

感谢你的帮助。

4

1 回答 1

4

Knockout 将一些上下文参数传递给使用单击绑定调用的函数，因此您的参数会混淆它。为了直接在绑定中调用带参数的函数，请将其包装在外部函数中，如下所示：

<button data-bind="click: function() { addEmp('fnameX', 'lnameX') }">Add one more</button>

jsfiddle

编辑：此处的淘汰文档在“注释 2”下的第二个代码示例中对此进行了解释

于 2013-10-21T17:07:30.177 回答