ng2-smart-tableによるページ分割の問題

Question

Angular 2アプリでng2-smart-tableを使用していますが、ページングに問題があります。私は、データオブジェクトの配列をロードすることだし、それは正確に最初の5つを示している（私は、合計で20を持っている）が、テーブルの下にあるページネーションは< <を示し>>矢印の間、私は右矢印でそれをクリックすると番号なしすべて一緒に私の次の15を示しています。テーブルの設定は次のとおり

private tableSettings = { 
    columns: { 
     id: { 
      title: 'ID', 
      filter: false 
     }, 
     name: { 
      title: 'Name', 
      filter: false 
     }, 
    }, 
    hideSubHeader: true, 
    attr: { 
     class: 'id-field' 
    }, 
    actions:{ 
     edit: false 
    }, 
    delete:{ 
     confirmDelete: true 
    }, 
    pager : { 
     display : true, 
     perPage:5 
    } 
} 

任意のアイデアは、なぜそれが< <を示している>>代わり< < 1 2 3 4 >>？ ありがとう！

Answer 1

サーバー・データ・ソースまたはローカルを使用している場合は、言及していません。あなたは、サーバーのデータソースを使用していると仮定すると、私はあなたの応答ヘッダーで

X-Total-Count: 20 

を渡していないと思いますので、クライアントは、合計で、あなたが持っているどのように多くのレコードを知っています。

希望します。

Answer 2

ページネーションがまったく表示されなかった同様の問題がありました。 @Babakはほぼ正しく、X-Total-Countをレスポンスヘッダーに合計行の値とともに追加する必要がありますが、access-control-expose-headersを追加することでそのヘッダーを公開する必要があります。X-Total-Count toヘッダー。

C＃WebApiの場合：

var response = new HttpResponseMessage(); 
response.Headers.Add("access-control-expose-headers", "X-Total-Count"); 
response.Headers.Add("X-Total-Count", "100"); 

これは誰かに役立つことを望みます。