好吧,我已经和这个问题打了几个小时了,并把问题缩小到一个非常简单的 Fiddle

问题是,当我在文本输入上使用twitter bootstrap的typeahead插件并进行选择时,该值不会在KnockoutJS viewmodel中更新.我知道我可以破解它的工作,但必须有一些我在这里缺少的东西.

基本上我所拥有的是：

淘汰赛绑定

@H_502_8@// Bind twitter typeahead ko.bindingHandlers.typeahead = { init: function (element,valueAccessor,allBindingsAccessor,viewmodel,bindingContext) { var $element = $(element); var allBindings = allBindingsAccessor(); var typeaheadArr = ko.utils.unwrapObservable(valueAccessor()); $element.attr("autocomplete","off") .typeahead({ 'source': typeaheadArr,'minLength': allBindings.minLength,'items': allBindings.items,'updater': allBindings.updater }); } };

淘汰viewmodel

@H_502_8@function MyModel(){ var self = this; self.productName = ko.observable(); self.availableProducts = ['One','Two','Three']; } ko.applyBindings(new MyModel());

HTML

@H_502_8@<input type="text" data-bind="typeahead:availableProducts,value:productName"/>

其余的东西只是来自Twitter Bootstrap.