AngularJSでフィルタリングする前に読み込みメッセージを表示する方法は？

Question

AngularJSでフィルタを実行しようとしているときに、「読み込み中のメッセージ」を表示する必要があります。私のフィルタは高速ですので、フィルタリングされたデータを返す前に表示するだけではありません。私のコード：

.filter('filterName', function() { 
    return function (pacotes, escopo) { 
     var filtered = []; 
     pacotes.forEach(function (pacote) { 
      if (condition) 
       filtered.push(pacote); 
     }); 

     return filtered; 
    } 
}) 

このデータを返す前にメッセージ、divなどを表示するにはどうしたらよいですか？どこかのhtmlで

Answer 1

：

<p id="loadingMessage" ng-show="showMessage"></p> 

フィルタ：

.filter('filterName', function() { 
    $scope.showMessage = true; 

    $timeout(return function (pacotes, escopo) { 
     var filtered = []; 
     pacotes.forEach(function (pacote) { 
      if (condition) 
       filtered.push(pacote); 
     }); 
     $scope.showMessage = false; 
     return filtered; 
    }, 3000);  
}) 

私はあなたのコードのすべてを持っていないので、私はこれをテストすることができませんでした。しかし、このようなものは、文法の権利があると仮定して動作するはずです。このためには$ scopeと$ timeoutを適切な場所に注入する必要があります。

編集：私はちょうどエスコポが別の言語の有効範囲を意味することを認識しました。それが本当で、あなたが実際にスコープを渡していると仮定して、私が$ scopeを持っているところにescopoを置くだけです。