title: facing issues while integrating the custom pagination component using angular 2
body: <p>I have created the custom pagination component using Angular2 but while try to use  it in another component, getting the following error</p>
  
  <pre><code>Can't bind to 'offset' since it isn't a known property of 'app-pagination'.
  </code></pre>
  
  <h2>app.module.ts</h2>
  
  <pre><code> import { PaginationComponent } from './components/pagination.component';
  import { ComplaintModule } from './pages/complaints/complaints.module';
      import { App } from './app.component';
          @NgModule({
            bootstrap: [App],
            declarations: [
              App,
              PaginationComponent
            ],
             imports: [ // import Angular's modules
             BrowserModule,
             ComplaintModule
  
            ]})
          export class AppModule {
            constructor(public appState: AppState) {
            }
          }
  </code></pre>
  
  <p>Try to integrate in the following html file</p>
  
  <h2>complaints.html</h2>
  
  <pre><code>&lt;app-pagination [offset]="offset" [limit]="limit" [size]="count" (pageChange)="onPageChange($event)"&gt;&lt;/app-pagination&gt; 
  </code></pre>
  
  <h2>pagination.component.ts</h2>
  
  <pre><code>@Component({
    selector: 'app-pagination',
    templateUrl: './pagination.component.html',
    styleUrls: ['./pagination.component.scss']
  })
  export class PaginationComponent implements OnInit, OnChanges {
    @Input() offset: number = 0;
    @Input() limit: number = 1;
    @Input() size: number = 1;
    @Input() range: number = 3;
  
  constructor() { }
  }
  </code></pre>