AngularJS Smart-Table Сторона клиента. Какая минимальная версия AngularJS требуется?

Question

Я разрабатываю веб-страницу, которая отображает данные в смарт-таблице, потому что мне нужно будет разрешить пользователю выбирать несколько строк для обработки.

Я пользуюсь AngularJS версии 1.3.20.

У меня есть тестовая веб-страница, на которой я скопировал пример, найденный на GitHub (lorenzofox2.github.io/smart-table-website). Я скопировал предоставленный сценарий таблицы в свой тест HTML. Я скопировал предоставленный сценарий JavaScript в свой клиентский контроллер. Я выполняю веб-страницу через свое приложение. Веб-страница открывается с отображением соответствующих данных. На веб-странице не отображается разбиение на страницы в нижнем колонтитуле, как определено. Я не знаю, почему разбиение на страницы не отображается.

Ниже вы найдете HTML, JavaScript, и результаты

HTML:

<div class="smart-table"> 
<table st-table="rowCollection" class="table table-striped"> 
<thead> 
<tr> 
    <th st-sort="firstName">first name</th> 
    <th st-sort="lastName">last name</th> 
    <th st-sort="birthDate">birth date</th> 
    <th st-sort="balance">balance</th> 
    <th>email</th> 
</tr> 
<tr> 
    <th> 
    <input st-search="'firstName'" placeholder="search for firstname" class="input-sm form-control" type="search"/> 
    </th> 
    <th colspan="4"> 
    <input st-search placeholder="global search" class="input-sm form-control" type="search"/> 
    </th> 
</tr> 
</thead> 
<tbody> 
<tr ng-repeat="row in rowCollection"> 
    <td>{{row.firstName | uppercase}}</td> 
    <td>{{row.lastName}}</td> 
    <td>{{row.birthDate | date}}</td> 
    <td>{{row.balance | currency}}</td> 
    <td><a ng-href="mailto:{{row.email}}">email</a></td> 
</tr> 
</tbody> 
<tfoot> 
    <tr> 
    <td colspan="5" class="text-center"> 
     <div st-pagination="" st-items-by-page="itemsByPage" st-displayed-pages="7"></div> 
    </td> 
    </tr> 
</tfoot> 
</table> 
</div> 

JavaScript:

var 
    nameList = ['Pierre', 'Pol', 'Jacques', 'Robert', 'Elisa'], 
    familyName = ['Dupont', 'Germain', 'Delcourt', 'bjip', 'Menez']; 

function createRandomItem() { 
    var 
     firstName = nameList[Math.floor(Math.random() * 4)], 
     lastName = familyName[Math.floor(Math.random() * 4)], 
     age = Math.floor(Math.random() * 100), 
     email = firstName + lastName + '@whatever.com', 
     balance = Math.random() * 3000; 

    return{ 
     firstName: firstName, 
     lastName: lastName, 
     age: age, 
     email: email, 
     balance: balance 
    }; 
} 

$scope.itemsByPage=15; 

$scope.rowCollection = []; 
for (var j = 0; j < 200; j++) { 
    $scope.rowCollection.push(createRandomItem()); 
} 

Результаты

Я надеюсь, что кто-то может сообщить мне, если я использую соответствующую версию AngularJS. Если это так, я надеюсь, что кто-то может направить меня на то, что я пропустил?

Answer 1

После дальнейшего поиска эта проблема была результатом запуска версии 1.3.0 смарт-таблицы вместо 2.1.8. После обновления угловой-смарт-таблицы до версии 2.1.8 проблема была решена