title: Getting Error While doing pagination in angular 4
body: <p>I am new to angular 4. I am working in pagination using angular 4.I ahve installed "npm install ngx-pagination --save". I followed the instruction which was in internet. But I am getting error like "The pipe 'paginate' could not be found ("
                  
                  
                      ]game of games | paginate: { itemsPerPage: 2, currentPage: p }">
                          {{i}}
      "): ng:///ActivityChartModule/ActivityComponent.html@235:32
      'pagination-controls' is not a known element:". I tried More. Can any one help me to comeout from this problem. Below are my code,</p>
  
  <pre><code>app.module.ts
  import {NgxPaginationModule} from 'ngx-pagination';
  imports: [NgxPaginationModule]
  
  in component.ts
  p: number = 1;
  
  
      games = [
          {
              "id": "1",
              "name": "DOTA 2",
              "genre": "Strategy"
          },
          {
              "id": "2",
              "name": "AOE 3",
              "genre": "Strategy"
          },
          {
              "id": "3",
              "name": "GTA 5",
              "genre": "RPG"
          },
          {
              "id": "4",
              "name": "Far Cry 3",
              "genre": "Action"
          },
          {
              "id": "5",
              "name": "GTA San Andreas",
              "genre": "RPG"
          },
          {
              "id": "6",
              "name": "Hitman",
              "genre": "Action"
          },
          {
              "id": "7",
              "name": "NFS MW",
              "genre": "Sport"
          }, {
              "id": "8",
              "name": "Fifa 16",
              "genre": "Sport"
  
          }, {
              "id": "9",
              "name": "NFS Sen 2",
              "genre": "Sport"
  
          }, {
              "id": "10",
              "name": "Witcher Assasins on King",
              "genre": "Adventure"
          }
  
      ];
  
  in component.html
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;nav class="navbar"&gt;
              &lt;input class="form-control" type="text" name="search"&gt;
          &lt;/nav&gt;
          &lt;table class="table"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;#&lt;/th&gt;
                      &lt;th&gt;Name&lt;/th&gt;
                      &lt;th&gt;Genre&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr *ngFor="let game of games | paginate: { itemsPerPage: 2, currentPage: p }"&gt;
                      &lt;td&gt;{{i}}&lt;/td&gt;
                      &lt;td&gt;{{game.name}}&lt;/td&gt;
                      &lt;td&gt;{{game.genre}}&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
          &lt;div&gt;
              &lt;pagination-controls (pageChange)="p($event)"&gt;&lt;/pagination-controls&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>