jquery - Knockout.js - ko.mapping.fromJS - 可见绑定(bind)未更新

Question

我正在开发一个网站，该网站每 5 秒更新一次页面上的值，它调用远程数据库并通过 Get Json 调用返回 MVC 模型，然后调用

viewModel = ko.mapping.fromJS(model)。

然后，我使用另一个 Get 调用每 5 秒更新此 View 模型，然后调用此映射调用

 viewModel = ko.mapping.fromJS(model, viewModel). 

我的 HTML 元素上的绑定(bind)是正确的，因为从数据库检索的原始模型显示在屏幕上，但当模型上的 IsVisible 属性没有任何反应时，即表行应设置为不可见，而另一个应设置为可见。

每次更新时，模型应该不同，行设置为可见或不可见以及其他跨度的文本更新，这部分正在工作，并且更新显示在页面上，只是可见性没有改变。

HTML发挥可见不可见的问题，用Javascript进行更新调用。

模型中的所有变量都被正确调用，我无法向公众发布模型。

<table class="SelectionTable" cellpadding="0" cellspacing="0">
    <tbody data-bind="foreach: { data: markets.Selections, as: 'selections' }">
       <tr class="Selection">
          <td><span data-bind='text: selections.Number, visible: selections.IsVisible'></span></td>
          <td><span data-bind='text: selections.Name, visible: selections.IsVisible'></span></td>
          <td><span data-bind='text: selections.CurrentPrice, visible: selections.IsVisible'></span></td>
          <td><span data-bind='text: selections.OpeningPrice, visible: selections.IsVisible'></span></td>
       </tr>
    </tbody>
</table>

<script type="text/javascript">
    var viewModel;
    var self;

    var getUpdates = setInterval(function () {
        $.getJSON(
            "/Home/Get", {},
            function (model) {
                viewModel = ko.mapping.fromJS(model, viewModel);
            });
    }, 5000);

    $(document).ready(
        function () {
            $.getJSON(
                "/Home/Get", {},
                function (model) {
                    viewModel = ko.mapping.fromJS(model);
                    bindViewModel();
                });
        });

    function bindViewModel() {
        ko.applyBindings(viewModel);
    }
</script>

Answer 1

我发现您有时需要在更新 View 模型时提供空映射:

ko.mapping.fromJS(model, {}, viewModel);

如果失败，请输出 selections.IsVisible 的值，并确保其格式可以解析为 true 或 false。