binding - 如何将多个输入的值传递给绑定函数？

Question

如果我有：

  ...
    <li>Title: <input id="name" /></li>
    <li>Author: <input id="author" /></li>
  ...

<button data-bind='click: $root.Add'>Add</button>

我想将用户输入传递给Add绑定到按钮的函数（），我将如何实现呢？

我不知道如何提取值然后将它们作为参数传递。

Answer 1

您可以绑定您的方法调用以使用视图模型（$root）作为您的方法的“this”上下文。然后像往常一样访问属性：

http://jsfiddle.net/psteele/Wf9xj/

<div>Title: <input id="name" data-bind="value: name" /></div>
<div>Author: <input id="author" data-bind="value: author" />
    <input type="button" value="X" data-bind="click: show.bind($root)"></input></div>

var vm = {
    name: 'Bob',
    author: 'King',
    show: function() {
        alert(this.name + '-' + this.author);
    }
}

ko.applyBindings(vm);