angularjs - AJAX 调用后加载指令

Question

我已经构建了一个带有两个参数的分页指令；当前页数和总页数。

<pagination page="page" number-of-pages="numberOfPages"></pagination>

问题是我只能在 AJAX 调用(通过 ng-resource)之后知道 numberOfPages 的值。但我的指令在 AJAX 调用完成之前就已呈现。

app.controller('MyController', function ($scope, $routeParams) {
    $scope.page = +$routeParams.page || 1,
    $scope.numberOfPages = 23; // This will work just fine

    MyResource.query({
        "page": $scope.page,
        "per_page": 100
    }, function (response) {
        //This won't work since the directive is already rendered
        $scope.numberOfPages = response.meta.number_of_pages;
    });
});

我更喜欢等待 Controller 模板的渲染，直到 AJAX 调用完成。

B 计划是在 AJAX 调用完成时将指令模板附加到模板。

我一直在解决这两种情况。

Answer 1

但是是否可以在所有完成之前阻止渲染

• 我认为 ng-if 会这样做，这与 ng-show/ng-hide 相反，后者只是改变实际显示