Knockoutjs不會更新ViewModel

Question

在我看來，我有文件輸入：

<input type="file" class="file-input" name="file_source" size="40"  onchange=''>

以及跨度，其中顯示了上傳的文件名：

<span class='label label-info' id="upload-file-info" data-bind="text: image"></span>

$(".file-input").change(function() {
           var elem = $("#upload-file-info");
           elem.html = $(this).val();
        });

該范圍與敲除js綁定在一起：

viewModel = {
image: ko.observable()
}

ko.applyBindings(viewModel);

問題是，當我更新跨度文本時，可觀察對象不會更新。 盡管我在跨度中有文件名，但是可觀察的是空的。 跨度文本更改時，如何使可觀察對象進行自我更新？

Answer 1

根據對您的問題的評論，我做了個小提琴 。 這應該工作：

jQuery(document).ready(function ($) {
    'use strict';

    $(".file-input").change(function () {
        var elem = $("#upload-file-info");
        viewModel.image($(this).val());
    });

    var viewModel = {
        image: ko.observable()
    };
    viewModel.image.subscribe(function (value) {
        alert(value);
    });

    ko.applyBindings(viewModel);
});