0

我创建了一个包含特定分页功能的 st 模板。

这是我调用 st-template 的 div：

<div st-pagination="" st-items-by-page="itemsPerPage" st-displayed-pages="7" st-template="dashboard-pagination.html"></div>

在这个分页中，我们有一个下拉/按钮，用户可以在其中选择要在表格中显示的行数。

<ul aria-activedescendant=""
            class=""
            role="menu"
            tabindex="0"
        >
            <li class="" ng-repeat="page in pages">
                <input
                    id="items-per-page-{{page * 10}}"
                    name="items-per-page-options"
                    type="radio"
                    value=""
                    role="menuitemradio"
                    aria-checked="true"
                    checked
                    ng-model="itemsPerPage"
                >
                <label for="items-per-page-{{page * 10}}">
                    <span class=""></span> {{ page * 10 }}
                </label>
            </li>
        </ul>

所以 'itemsPerPage' 在模板中更新，但没有到达另一个 html 文件中的 。

我一直在寻找答案几个小时，但还没有真正找到答案。这是我第一次使用 smart-table 和 angularJS，所以我可能没有使用正确的关键词。

任何帮助，将不胜感激。

4

1 回答 1

0

我最终将每页 html 的项目从模板中移到数据表 html 文件中。我创建了一个静态值数组，表示要显示的行数 ['10','20','30','40','50']。一旦用户选择了一个，我发送 ng-model itemPerPage 并且项目更新为该选择。

它在模板中不起作用的原因是因为 ng-repeat 创建了一个子范围，所以当我使用 ng-model 时它没有修改原始范围。

于 2017-12-05T19:21:31.610 回答