Как изменить количество строк с помощью st-шаблона

Я создал st-шаблон, который содержит определенные функции разбиения на страницы.

Вот мой div, который вызывает st-шаблон:

<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, поэтому я могу использовать неправильные ключевые слова.

Любая помощь будет оценена по достоинству.