import { Component , Input , ViewEncapsulation } from '@angular/core' ; import { Config } from '../../config/config' ; import { InfiniteScroll } from './infinite-scroll' ; hidden @ Component ( { selector : 'ion-infinite-scroll-content' , template : '<div class="infinite-loading">' + '<div class="infinite-loading-spinner" *ngIf="loadingSpinner">' + '<ion-spinner [name]="loadingSpinner"></ion-spinner>' + '</div>' + '<div class="infinite-loading-text" [innerHTML]="loadingText" *ngIf="loadingText"></div>' + '</div>' , host : { '[attr.state]' : 'inf.state' } , encapsulation : ViewEncapsulation . None , } ) export class InfiniteScrollContent { input @ Input ( ) loadingSpinner : string ; input @ Input ( ) loadingText : string ; constructor ( public inf , private _config ) { } hidden ngOnInit ( ) { if ( ! this . loadingSpinner ) { this . loadingSpinner = this . _config . get ( 'infiniteLoadingSpinner' , this . _config . get ( 'spinner' , 'ios' ) ) ; } } }