2016-09-20 10 views
0

データベースのデータを表示できるテーブルがありますが、データを表示するために、私が使用しているAPIはPostであり、listcountとpageの2つの変数があります。私が望むのは、ユーザーがドロップダウンリストで選択したリストに従ってデータのリストを表示することです。テーブルviewby()関数AngularJS

<tbody id="myTable"> 
     <tr ng-repeat=" value in A "> 
      <td>{{ value.name }}</td> 
      <td>{{ value.number }}</td> 
      <td>{{ item.type }}</td>                 
      <td style="text-align:center;"> 
       <button class="btn btn-primary" >Edit</button> 
      </td> 
     </tr> 
    </tbody> 



<div class="text-left"> 
<label>Show List Batch of:</label> 

<select ng-model="listcount" ng-change="setItemsPerPage(listcount)"> 
    <option>3</option> 
    <option>5</option> 
    <option>10</option> 
    <option>20</option> 
    <option>30</option> 
</select> records at a time. 
     <br> 
    <pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()" class="pagination-sm" items-per-page="itemsPerPage"></pagination> 
</div> 

と私のコントローラは次のようである:私のhtmlコードは次のようである私が間違っているのは何

var page = "1"; 
var listCount = "5"; 
$scope.data = []; 
      $scope.viewby = 10; 
      $scope.totalItems = $scope.data.length; 
      $scope.currentPage = 1; 
      $scope.itemsPerPage = $scope.viewby; 
      $scope.maxSize = 5; //Number of pager buttons to show 

      $scope.setPage = function (pageNo) { 
      $scope.currentPage = pageNo; 
      }; 

      $scope.pageChanged = function() { 
      console.log('Page changed to: ' + $scope.currentPage); 
      }; 

     $scope.setItemsPerPage = function(num) { 
      $scope.itemsPerPage = num; 
      $scope.currentPage = 1; //reset to first paghe 
     } 

+0

UIのドロップダウンをどのように処理しているかわかりません。私たちがあなたを提案できるように、Plunkerにいくつかのwokingコードを入れてください。あなたのためにコード全体を書くことはできません。 –

+0

@ShashankVivek私は私のポストを編集しました、今ドロップダウンを追加しました – bleykFaust

答えて

0
**Try It Once** 
<tbody id="myTable"> 
    <tr ng-repeat=" value in A | orderBy:'name'"> 
     <td>{{ value.name }}</td> 
     <td>{{ value.number }}</td> 
     <td>{{ item.type}}</td>                 
     <td style="text-align:center;"> 
      <button class="btn btn-primary" >Edit</button> 
     </td> 
    </tr> 
</tbody> 
+0

ありがとう、私はこれが私が必要とするものではないと思う – bleykFaust

関連する問題