AngularJSは$ resouce.queryの後にビューを更新しません

Question

$ resource.queryを使用してバックエンドからデータを取得しています。それは働いている。しかし、私は応答を得た後、ビューは変更されません。関数内にないときに機能します。

この

が、これは私のコントローラ

app.controller('myController', ['$scope', '$resource', 'myService', 
function ($scope, $resource, myService) { 

//this call update the view 
myService.fetchData('1234', '111111') 
    .then(function (data) { 
    $scope.data = data 
    }) 
    .catch(function (erro) { 
    console.log(erro); 
    }); 

//this is called in a button click and doesn't change the view 
$scope.getData = function() { 
    myService.fetchData('1234', '111111') 
    .then(function (data) { 
     $scope.data = data 
    }) 
    .catch(function (erro) { 
     console.log(erro); 
    }); 
} 
}]); 

である私のサービス

app.factory('myService', function ($q, $resource, $http) { 
    var service = {}; 
service .pesquisar = function (param1, param2) { 
return $q(function (resolve, reject) { 
    $resource(urlWebService + '/API/', null).query({ 
    param1: param1, 
    param2: param2 
    }, function (dados) { 
    resolve(dados); 
    }, function (erro) { 
    reject(erro); 
    }); 
}); 
}; 
return service ; 
}); 

であり、これは、あなたが追加しているgetData（）が呼び出されると仮定すると、私の見解

<table> 
    <thead> 
    <tr> 
     <th>Field</th> 
    </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="d in data"> 
     <td>{{d.field}}</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

です変数testeが定義されていない場合は、の代わりに

$scope.getData = function() { 
    myService.fetchData('1234', '111111') 
    .then(function (data) { 
     //teste.data = data 
     $scope.data = data; //will bind the result to the view 
    }) 
    .catch(function (erro) { 
     console.log(erro); 
    }); 
} 
}]); 

Answer 2

あなたの第二の非作業バージョンは何も返さない関数に$scope.getDataに等しいです。

Answer 3

約束の結果はあなたの結果変数の「データ」に格納されているので、あなたのビューは

$scope.data = data.data;