javascript - 当 uib-pagination 包装在另一个指令中时，AngularJS 表数据没有更新？

Question

我使用 JHipster 生成了我的项目，我的一个实体使用了分页 ()。一切正常，但我想包括一个页面大小选项和分页。但是我在 UI Bootstrap 文档中没有看到任何选项。因此，我将 uib-pagination 指令包装在自定义指令中。

这是指令:

'use strict';
//angularJS directive for Spring Pagination with page size control.

angular.module('myApp')
    .directive('springPagination', function(){
        return{
            restrict: 'AE',
            replace: true,
            scope: true,
            templateUrl: 'scripts/components/pagination/spring-pagination.html',
            controller: 'my_entity_controller'
        };
    })

这是模板(HTML):

<div class="row row-sm-height" id="pagination_div">
    <div class="col-md-6 pagination_panel col-xs-12" id="pagination_left">
        <uib-pagination class="pagination-md" total-items="totalItems"
            ng-model="page" ng-change="loadAll()" rotate="false"
            boundary-links="true" boundary-link-numbers="true" max-size="7"></uib-pagination>
    </div>
    <div class="col-md-6 pagination_panel col-xs-12" id="pagination_right">
        <div class="row pagination_panel_row">
            <div class="col-xs-4 pagination_panel_item">
                <label>Items Per Page:</label>
            </div>
            <div class="col-xs-4 pagination_panel_item">
                <input class="form-control" placeholder="Items per Page"
                    type="number" min="5" max="100" ng-model="newItemPerPage"></input>
            </div>
            <div class="col-xs-4 pagination_panel_item">
                <button type="button" class="btn btn-info"
                    ng-click="setItemPerPage()">Set</button>
            </div>
        </div>
    </div>
</div>

当我点击自定义指令上的项目时，例如页码或将页面大小设置为 50，AngularJS 能够获取新值并向服务器发送 REST 请求，服务器响应新数据。但是，我的表格保持不变，没有任何变化。

有人可以给我指路吗？为什么我的数据没有像没有自定义指令那样更新？也许 ui.bootstrap.pagination 有一个内置选项来显示页面大小，这样我就不需要创建自定义指令从而减少麻烦？？

Answer 1

傻我。事实证明我的方法是可行的，但我只是忘了在 bool 值上使用撇号。所以基本上:

 scope: true

应该是:

 scope: 'true'

我很确定我看到了其他使用

的教程

scope: true

也没有撇号。但是哦，好吧，至少我的问题解决了......

另外，不需要放置controller和replace选项(好吧，至少对于我的用例我不需要到)因为我希望我的指令与我应用此自定义指令的 html 共享相同的 Controller 。