javascript - AngularJS 数据绑定(bind)与 KnockoutJS 数据绑定(bind)

Question

由于一些内部原因，我需要将我的 AngularJS 应用程序转换为 KnockoutJS，所以最近我开始使用 Knockout。

我注意到的第一件事是与 Angular 的绑定(bind)是立即的，就像逐个字符:http://jsfiddle.net/anvarik/3cnV9/

<div ng-app ng-controller="MainCtrl">
    <p>First Name: {{first}}</p>
    <p>Last Name: {{second}}</p>

    <p>First Name: <input ng-model="first" /> </p>
    <p>Last Name: <input ng-model="second" /> </p>
</div>     

另一方面，Knockout 接受整个输入并在末尾绑定(bind): http://jsfiddle.net/anvarik/CxBy9/

<div>
    <p>First Name: <strong data-bind="text:firstName"></strong></p>
    <p>Last Name: <strong data-bind="text:lastName"></strong></p>

    <p>First Name: <input data-bind="value:firstName"/> </p>
    <p>Last Name: <input data-bind="value:lastName"/> </p>
</div>

如果有人能向我解释其背后的原因，我会很高兴。我想在 Knockout 中进行绑定(bind)，就像在 Angular 中一样，如何实现？

Answer 1

您需要在 Knockout 中添加一个选项(valueUpdate 选项)，以具有与 Angular 中相同的行为。示例:

<input data-bind="value: someValue, valueUpdate: 'afterkeydown'" /> 

默认情况下，值在“更改”事件时更新。请参阅文档:knockoutjs.com/documentation/value-binding.html