angularjs - Angular サービスのクラウド エンドポイント

Question

ロジックを明確にするために、Google クラウド エンドポイント API を Angular サービスに入れようとしています。しかし、クラウド エンドポイントが応答したときにコントローラーがモデル (このサービスから取得した値) を更新する方法がわかりません。コードは次のとおりです。 サービス:

angular.module('fooApp').service('FooService', function FooService() {
//variable to keep the data from server
var tl={};

this.retrieve=function(){

    //cloud endpoint api callback 
    var gapiCallback=function(){
        gapi.client.fooendpoint.foos.listFoos().execute( function(resp) {
                    tl=resp.items;
        });
    };

    var apiRoot='https://fooapp.appspot.com/_ah/api';
    gapi.client.load('fooendpoint', 'v1', gapiCallback, apiRoot);
};


this.get=function(){
    console.log(tl);
        return tl;
    }
  });

コントローラ：

angular.module('fooApp').controller('DeviceCtrl', function ($scope,FooService) {

FooService.retrieve();

$scope.myFoos =FooService.get();

});

意見：

<ul class="nav nav-list">
    <li ng-repeat="t in myFoos ">
        <ul>
           <li >Foo attr1 = {{t.attr1}}</li>
           <li >Foo attr2 = {{t.attr2}}</li>
        </ul>
    </li>                                   
</ul>

前もって感謝します。