在我看来,我有文件输入:
<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();
});
这个span与knockoutjs绑定(bind):
viewModel = {
image: ko.observable()
}
ko.applyBindings(viewModel);
问题是当我更新跨度文本时,可观察值不会更新。虽然我在跨度中有文件名,但可观察到的内容是空的。当跨度文本更改时,如何使可观察的内容自动更新?
最佳答案
我做了一个quick fiddle根据我对你的问题的评论。这应该有效:
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);
});
关于javascript - Knockoutjs 不更新 View 模型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29554749/