我绑定某些html模板。在绑定div中,我有一个图像,它是ajax微调器。这个图像永远不可见我猜是因为它覆盖了绑定模板。
我现在应该把这个图像放在哪里,使它在带有绑定模板的div中心?
<div style="height: 100%; width: 100%;" data-bind="template: { name: $root.currentChildTemplate() }">
<img src="/Content/images/ajax-loader.gif" class="ajax-loader" />
</div>
答案 0 :(得分:0)
您可以将其包含在模板中,也可以将其放在模板div
之外,并使用CSS设置其位置。
<img src="/Content/images/ajax-loader.gif" class="ajax-loader" />
<div style="height: 100%; width: 100%;"
data-bind="template: { name: $root.currentChildTemplate() }"></div>
你可以更进一步,只有当某个可观察物是真的时才能看到它。
<img src="/Content/images/ajax-loader.gif" class="ajax-loader"
data-bind="visible: ajaxLoading" />