ng-resource呼び出しが終了した後でng-repeatを更新する

Question

ngResourceをng-repeatと組み合わせて使用​​しており、遅いREST呼び出しでリストが適切に更新されないことに気づいた。それは空のままです。

私が理解する限り、コントローラとng-repeat要素の間にバインディングが必要です。

私のリソースとコントローラの定義：

(function (configure) { 
    configure('loggingResource', loggingResource); 

    function loggingResource($resource, REST_CONFIG) { 
     return { 
      Technical: $resource(REST_CONFIG.baseUrl + REST_CONFIG.path + '/', {}, { 
       query: { 
        method: 'GET', 
        isArray: true 
       } 
      }) 
     }; 
    } 
})(angular.module('loggingModule').factory); 

(function (configure) { 
    configure('logController', logController); 

    function logController(loggingResource) { 
     var that = this; 
     loggingResource.Technical.query(function (data) { 
      that.logs = data; 
     }); 
     //that.logs = loggingResource.Technical.query(); 
    } 
})(angular.module('loggingModule').controller); 

ng.repeat使用：

私がこれまで試してみました何

<tr class="table-row" ng-repeat="log in logController.logs"> 

：

• ng-bindを組み合わせてng-repeat
• でdeferrerとngResource

の

$promise私は何を逃したのですか？ https://plnkr.co/edit/t1c5Pxi7pzgocDMDNITX

Answer 1

{{}}はコントローラとビューの間にデフォルトのバインディングを提供し、明示的に何も追加する必要はありません。私は注入された定数などのマイナーな変更を加えてplunkrを更新しています。

// Code goes here 
angular.module("loggingModule", ['ngResource']); 

(function(configure) { 
    configure('loggingResource', loggingResource); 

    function loggingResource($resource) { 
    return { 
     Technical: $resource('https://api.github.com/users/addi90/repos', {}, { 
     query: { 
      method: 'GET', 
      isArray: true 
     } 
     }) 
    }; 
    } 
})(angular.module('loggingModule').factory); 

(function(configure) { 
    configure('logController', logController); 

    function logController(loggingResource) { 
    var that = this; 
    that.logs = [{ 
     title: 'test2' 
    }]; 
    loggingResource.Technical.query(function(data) { 
     that.logs = data; 
    }); 
    //that.logs = loggingResource.Technical.query(); 
    } 
})(angular.module('loggingModule').controller); 

APIリソースが働いていなかったので、私はそこに

を私のGitHubのレポAPIのリンクを使用していた更新作業plunkrは、ここに提供されています：https://plnkr.co/edit/cederzcAGCPVzc5xTeac?p=preview

Answer 2

ので、あなたは、ログのリストを再初期化するために防ぐ

that.logs.push(data) 

を使用してみてください：plnkrにそれを得るために

私の試み。ログリストをオーバーライドし、ログリストの前にng-repeatが初期化されていると解決されないようです。 残りの通話後にログリストが正しく設定されていますか？