Javascript angular ui指令未绑定到使用$resource加载的数据

我正在尝试构建一个angularjs应用程序，它使用AngularUI引导（

http://angular-ui.github.io/bootstrap/

）。 将呈现分页指令模板html。如果我尝试手动设置其参数，如当前页面或最大页面（例如

$scope.TotalResult=20；

），它会做出反应。但是当使用

$resource

加载数据时，分页不会更新（例如，不会更改页数）。似乎它不受范围的约束

HTML: 发现

}))

我做错了什么

当您调用$resource（…）.get时，您会收到带有“promise”的特殊对象，因此angular知道它将为此更改设置并设置侦听器，“data”也是如此，但data.Results（通常的对象）则不是

因此，这应该是可行的：

Empl.get({ name: $scope.nameFilter, page: $scope.pageFilter - 1 }, function (data) {
    $scope.data = data;
});

<li class="list-group-item" ng-repeat="item in data.Results">

emp.get（{name:$scope.nameFilter，page:$scope.pageFilter-1}，函数（数据）{
$scope.data=数据；
});

---

（我更喜欢写：

$scope.data=emp.get（{name:$scope.nameFilter，page:$scope.pageFilter-1}）；

）

调用updateData之前是否初始化了TotalPages？（页面加载时）？

var Empl = $resource('api/insects', { name: '@name', page: '@page' });

var updateData = function () {
    Empl.get({ name: $scope.nameFilter, page: $scope.pageFilter - 1 }, function (data) {
        $scope.Results = data.Results;
        $scope.TotalPages = data.TotalPages;
        $scope.TotalResults = data.TotalResults;
    });
};

$scope.updateData = updateData;

updateData();

Empl.get({ name: $scope.nameFilter, page: $scope.pageFilter - 1 }, function (data) {
    $scope.data = data;
});

<li class="list-group-item" ng-repeat="item in data.Results">