knockout.js. 로딩 스피너는 작업 후에 만 ​​나타납니다.

Question

KnockoutJS를 이해하려고합니다. 나는 어떤 코드를 실행하는 동안 회 전자를 원한다. 그런데 왜 회 전자는 작동 후에 만 ​​나타 납니까?

<img data-bind="visible: isLoading" src="loading.gif"> 

<a href="#" data-bind="click: someOperation">Click</a> 

<script type="text/javascript" src="knockout-2.2.1.js"></script> 
<script> 
var ViewModel = function() { 
    var self = this; 
    self.isLoading = ko.observable(false); 
    self.someOperation = function() { 
     self.isLoading(true); 
     for(i = 0; i < 30000; i++) 
      console.log('lol'); 
     self.isLoading(false);  
    }; 
}; 

ko.applyBindings(new ViewModel()); 
</script> 

감사합니다, 표도르

Answer 1

편집 : 첫 번째 대답은 틀렸다!

크롬에서 콘솔은 비동기식이며 console.log()는 예상대로 발생하지 않습니다.

setTimeout을 사용하면 문제가 없습니다. 이 바이올린보기 Fiddle

var ViewModel = function() { 
    var self = this; 
    self.isLoading = ko.observable(false); 
    self.someOperation = function() { 
     self.isLoading(true); 
     window.setTimeout(function() { self.isLoading(false) }, 1000); 
     //for(i = 0; i < 30000; i++) 
     //  console.log('lol'); 
     ///self.isLoading(false);  
    }; 
}; 

ko.applyBindings(new ViewModel());