AngularJS 2 Pagination Returns NaN onClick
<p>I'm following this example here: </p>

<p><a href="https://github.com/Urigo/meteor-angular2.0-socially/blob/master/manuals/views/step13.md" rel="nofollow noreferrer">https://github.com/Urigo/meteor-angular2.0-socially/blob/master/manuals/views/step13.md</a></p>

<blockquote>
  <p><a href="https://github.com/Urigo/meteor-angular2.0-socially/blob/master/manuals/views/step13.md#step-1311-add-pagechange-event-binding" rel="nofollow noreferrer">Step 13.11</a>: Add pageChange event binding</p>
</blockquote>

<p>And pageChange, nothing happens. Using the console to debug the page number is being returned as <code>NaN</code>. If I hard code the page number there's no problem i.e. I can paginate. The <code>$event</code> is being passed as <code>NaN</code> (or <code>null</code> or <code>undefined</code> I guess).</p>

<p><strong>EDIT</strong></p>

<p>Code I'm using.</p>

<p>ng:</p>

<pre><code>&lt;pagination-controls (pageChange)="onPageChanged($event)"&gt;&lt;/pagination-controls&gt;
</code></pre>

<p><em><a href="https://github.com/jessejamesrichard/shortshape/blob/master/client/imports/app/parties/parties-list.component.html" rel="nofollow noreferrer">https://github.com/jessejamesrichard/shortshape/blob/master/client/imports/app/parties/parties-list.component.html</a> (17)</em></p>

<p>Calling:</p>

<pre><code>onPageChanged(page: number): void {
  console.log(page);
  this.curPage.next(page);
}
</code></pre>

<p><em><a href="https://github.com/jessejamesrichard/shortshape/blob/master/client/imports/app/parties/parties-list.component.ts" rel="nofollow noreferrer">https://github.com/jessejamesrichard/shortshape/blob/master/client/imports/app/parties/parties-list.component.ts</a></em> (99)</p>

<p>I think the problem is isolated to <code>onPageChanged($event)</code>. Either <code>$event</code> is wrong, or typesetting is an issue, or I've totally messed something else up. Or a combination. </p>