Knockout template stays in loading in some cases

Question

I used a template in my application like:

<section class="view-list" data-bind="template: { name: viewTemplate, foreach: locaFacts }">

but in some cases, mostly on the first load the output html is lots of Loading... instead of real templates.

It seems that knockout shows Loading... until the view model gets ready. As I cached the results, the second call will show the templates correctly.

Why the first call to template shows Loading... instead of template itself?

EDIT:

I use knockout external templates and infuser.

Answer 1

I changed my template engine and used Durandal's compose feature. Now everything is OK.

Answer 2

I was able to correct this by setting ajax option async to false by modifying the template binding like so:

<div class="pagination" data-bind="template: { name: 'pager', data: pager, ajax: { async: false } }">