Default template flashes when using ngIf on custom template controls

[michaelbromley]

Angular 2 version: 2.1.0

ng2-pagination version: 0.5.1

Description of issue: When a pagination controls component is using a custom template, and the controls have an *ngIf on them, hiding and then re-showing the controls will cause the default template to flash before it is replaced by the custom template.

Any relevant code:

<ul>
  <li *ngFor="let item of collection | paginate: { itemsPerPage: 10, currentPage: p }">{{ item }}</li>
</ul>

<input type="checkbox" [(ngModel)]="showControls" label="show controls">

<pagination-controls (pageChange)="p = $event" #api *ngIf="showControls">
  <div> my custom template</div>
</pagination-controls>