我怎樣才能調整一個ajax spinner在knockoutjs模板div

Question

我綁定某些html模板。在綁定的div裏面，我有一個ajax spinner的圖像。我猜這個圖像是不可見的，因爲它被綁定模板覆蓋。

我應該在哪裏放置這張圖片，以便將它與綁定模板的div集中在一起？

<div style="height: 100%; width: 100%;" data-bind="template: { name: $root.currentChildTemplate() }"> 
    <img src="/Content/images/ajax-loader.gif" class="ajax-loader" /> 
</div> 

Answer 1

你可以將它包含在模板中，或將只是它的模板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" />