在KO之前加载HTML

时间:2014-11-17 14:55:33

标签: jquery html knockout.js

我有一个页面里面有一些KO脚本,现在我的2个下拉列表就可以了 没有淘汰赛在KO脚本之前加载意味着它看起来真的很难看,是吗? 一种方式,我可以让一切都等到一切都准备好显示然后显示?

谢谢你的建议会很棒吗?

1 个答案:

答案 0 :(得分:1)

使用带有' display:none'样式。

<div style='display: none' id='container' data-bind='visible: true'>
</div>

然后在视图模型的根上使用可见绑定,如:

function MyViewModel(){
  var self = this;
  ...
  self.Loaded = true;
  ...
}

ko.applyBindings(new MyViewModel(), document.getElementById('container'));

更新。根据@Jeroen的评论,即使这样也可以:

<div style='display: none' id='container' data-bind='visible: true'>
</div>