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> 

자바 스크립트 :

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

이 문제는 2.1.8 대신 스마트 테이블 버전 1.3.0을 실행 한 결과 발생했습니다. 각도 스마트 테이블을 버전 2.1.8로 업그레이드 한 후 문제가 해결되었습니다