AngularJS - ui-bootstrapページネーション "show more results"が動作しない

Question

ui-bootstrapを使用するには、「select more drop」の結果が表示されないようです。私はそれをdir-paginationで動作させましたが、ブートストラップでは動作しませんでした。私が必要とするのは、ドロップダウンから10を選択して、10個の結果を表示したいときです。単純な権利ですか？明らかに私のためではない。 :(）ここで

は私のHTMLです：私は$ scope.pageSize = 5を追加しない限り

// Show more results 
<select ng-model="pageSize" id="pageSize" class="form-control searchShowMore"> 
    <option ng-selected="true" value="5">5</option> 
    <option value="10">10</option> 
</select> 

<div ng-repeat="res in details.Results | startFrom:(currentPage - 1) * pageSize | limitTo: pageSize" class="myCar"> 

    <div class="carId">{{ res['Display Name'] }}</div> 
    <div class="title">{{ res['Project Title'] }}</div> 
    <h4><u>Amount</u></h4> 
    <div class="modified">${{ res.Amount | number: 2 }}</div> 
</div> 

<ul uib-pagination total-items="details.Results.length" ng-model="currentPage" items-per-page="pageSize"></ul> 

は今のところそれだけですべての結果が表示されます。コントローラー内の私はそれがdir-paginationと同じように働くと思ったが、明らかに間違っている。 :)

また、最初にすべてのデータを読み込むだけです。ドロップダウンをクリックして5を選択すると、ページごとの項目が5だけ表示されます。これは、すべてのデータが表示される初期の負荷です。私はそれはng-selected = "true" value = "5"のselectオプションと関係があると思います。初めに初期値を取っていない

これはui-bootstrapsページネーションでは可能ですか？

Answer 1

はこれらの事を行い、

1. はNGリピートでstartFromとlimitToを削除します。 uib-paginationが自動的に表示されます。 uib-paginationのuib-pagination
2. ng-modelためng-model="pageSize"とitems-per-page="pageSize"としてselect NG-モデルを設定し
3. はcurrentPageです。 pageSizeに設定しないでください。