Typeahead.js funktioniert in Knockout 3 nicht für jede Bindung
Ich habe eine Web-App auf Bootstrap 3 und Knockout 3 aktualisiert und infolgedessen den in Bootstrap 2 eingebauten Typeahead verloren. Ich habe typeahead.js hinzugefügt und es funktioniert hervorragend, wenn ich keinen Typeahead innerhalb einer Knockout-Foreach-Bindung habe. Ich habe unten funktionierenden und fehlgeschlagenen Code zusammen mit dem Javascript-Code für die Typeahead- und Bootstrap-Bindung eingefügt. Irgendwelche Ideen?
<form role="form">
<div class="row">
<div class="col-sm-4 form-group">
<input type="text" class="form-control sectionNames" data-bind="value: name" />
</div>
</div>
<div data-bind="foreach: section">
<div class="row">
<div class="col-sm-4 form-group">
<input type="text" class="form-control sectionNames" data-bind="value: name" />
</div>
</div>
</div>
</form>
Javascript für typeahead.js und Knockout-Bindungen
<script>
$( document ).ready(function() {
$('input.sections').typeahead({
name: 'sectionName',
local: [
'ABC',
'DEF'
]
});
ko.applyBindings({
section : [
{ name: "", other: "1234" },
{ name: "", other: "5678" }
]
});
});
</script>