Question

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

这是我的调用st模板的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的第一次经历，所以我可能没有使用正确的关键词。

任何帮助都将不胜感激。

Answer 1

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

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

如何使用st模板更改行数

1 个答案: