Angularjs画像読み込みイベント

Question

こんにちはすべて私は、チェックボックスをクリックすると画像を読み込むAngularjsコードを持っています。チェックボックスが

<li ng-repeat="Dep in oDep" > 
    <input type="checkbox" ng- model="cboxDepState[Dep.num]" 
ng-change="OnDepStateChange(Dep.num,Dep.nom)" /> 

</li> 

コードHTML2にレンダリングされる - -

コードHTML1このローダ画像です。単に画像をロード

<div bg data-ng-show="loading['ville']" class="text-center ng-hide"> 
<img src="" /> 
</div> 

コードAngularsJS

var app = angular 
      .module("HomeModule", []) 
      .controller("HomeController", function(){ 
       $scope.loading =[]; 

$scope.OnDepStateChange = function (numDep, nom) {    
       $scope.loading['ville'] = true; 
       //code inside function take 5 second 
       // 
       $scope.loading['ville'] = false; 
}}); 

すべてのコードの作業罰金は を動作しません。あなたはplzは私を助けることができます。

Answer 1

ロングファンクションの内側に角度をつける必要があります。長いコードを実行するには$ timeoutを使います。終了したら、その関数内のローダーを非表示にします。