Javascript Can';无法查看内容,因为数据为';我还没有收到

Javascript Can';无法查看内容,因为数据为';我还没有收到,javascript,knockout.js,Javascript,Knockout.js,如何等待数据加载,然后打印html内容 以下是HTML标记: <div id="item-details-content"> <input type="hidden" id="item-id" value="@id" data-bind=""/> <div class="item-list" data-bind="init: itemPage.loadcontent(@id), with: itemPage.item"> <

如何等待数据加载,然后打印html内容

以下是HTML标记:

<div id="item-details-content">
    <input type="hidden" id="item-id" value="@id" data-bind=""/>
    <div class="item-list" data-bind="init: itemPage.loadcontent(@id), with: itemPage.item">
        <div class="item-container clearfix">
            <div class="item-content clearfix">
                <div class="title" data-bind="text: Title">
观察
  • 当变量为
    ko.observable()
    时,它最终会显示数据,问题是我不希望它更新

  • 这样的办法应该行得通

    <div id="item-details-content" data-bind="if: isLoaded">
    ....
    </div>
    
    
    and javascript:
    
    var itemViewModel = {
        item: {},
        loadcontent: function (getID) {
            $.ajax({
                url: '/api/item/details/' + getID,
                dataType: 'json',
                success: function (data) {
                    itemViewModel.item = data;
                    mainViewModel.isLoaded(true);
                }
            });
        }
    };
    
    var mainViewModel = {
        indexPage: indexViewModel,
        itemPage: itemViewModel,
        isLoaded: ko.observable(false)
    };
    
    
    ....
    和javascript:
    var itemViewModel={
    项目:{},
    loadcontent:函数(getID){
    $.ajax({
    url:'/api/item/details/'+getID,
    数据类型:“json”,
    成功:功能(数据){
    itemViewModel.item=数据;
    mainViewModel.isLoaded(真);
    }
    });
    }
    };
    var mainViewModel={
    indexPage:indexViewModel,
    itemPage:itemViewModel,
    isLoaded:ko.可观察(假)
    };
    
    另一种方法是在#item details content div上使用隐藏类,只需执行$(#item details content').show()

    
    ....
    成功:功能(数据){
    itemViewModel.item=数据;
    $(“#项目详细信息内容”).show();
    }
    
    ko.applyBindings(mainViewModel)的文档准备功能非常简单谢谢你,这帮我分配了关于ko.js的学习过程!
    <div id="item-details-content" data-bind="if: isLoaded">
    ....
    </div>
    
    
    and javascript:
    
    var itemViewModel = {
        item: {},
        loadcontent: function (getID) {
            $.ajax({
                url: '/api/item/details/' + getID,
                dataType: 'json',
                success: function (data) {
                    itemViewModel.item = data;
                    mainViewModel.isLoaded(true);
                }
            });
        }
    };
    
    var mainViewModel = {
        indexPage: indexViewModel,
        itemPage: itemViewModel,
        isLoaded: ko.observable(false)
    };
    
        <div id="item-details-content" class="hidden">
        ....
       </div>
    
    
    success: function (data) {
        itemViewModel.item = data;
        $('#item-details-content').show();
    }