Javascript Can';无法查看内容,因为数据为';我还没有收到
如何等待数据加载,然后打印html内容 以下是HTML标记: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"> <
<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();
}