私は次のスピナーを持っています、
<div id="spinningSquaresG" ng-model="ajaxrequest" ng-show="{{ajaxrequest}}">
<div id="spinningSquaresG_1" class="spinningSquaresG">
</div>
<div id="spinningSquaresG_2" class="spinningSquaresG">
</div>
<div id="spinningSquaresG_3" class="spinningSquaresG">
</div>
<div id="spinningSquaresG_4" class="spinningSquaresG">
</div>
<div id="spinningSquaresG_5" class="spinningSquaresG">
</div>
<div id="spinningSquaresG_6" class="spinningSquaresG">
</div>
<div id="spinningSquaresG_7" class="spinningSquaresG">
</div>
<div id="spinningSquaresG_8" class="spinningSquaresG">
</div>
</div>
</div>
私のコントローラーでは$scope.ajaxrequest = false;
、スピナーが正しく非表示になるように設定しました( ajaxrequest=true に設定すると表示されるので、問題はないと思います)。コントローラー内に ajax リクエストを作成する関数があります。リクエストの開始時にスピナーを表示し、リクエストの終了時にスピナーを非表示にしたいと考えています。ので、私は持っています:
$( document ).ajaxStart(function() {
$scope.ajaxrequest = true;
console.log($scope.ajaxrequest);
});
$( document ).ajaxStop(function() {
$scope.ajaxrequest = false;
console.log($scope.ajaxrequest);
});
コンソールからわかるように、ajaxrequest の値はリクエストの前後で正しく変化しています。問題は、スピナーが表示されないことです。私は何か見落としてますか?