projects/ngx-list-view/src/lib/components/show-more/ngx-show-more.component.ts
| selector | ngx-show-more |
| templateUrl | ngx-show-more.component.html |
Properties |
|
Methods |
|
Inputs |
loadMoreEmitter
|
Type:
Default value: |
| Public loadMore |
loadMore()
|
|
Returns :
void
|
| Public moreResults |
moreResults:
|
Type : Boolean
|
Default value : false
|
import {Component, EventEmitter, Input} from '@angular/core';
@Component({
selector: 'ngx-show-more',
templateUrl: 'ngx-show-more.component.html'
})
export class NgxShowMoreComponent {
public moreResults: Boolean = false;
@Input() public loadMoreEmitter = new EventEmitter();
public loadMore() {
this.loadMoreEmitter.emit(true);
}
}
<div *ngIf="moreResults" class="text-center m-t-md clearfix">
<button (click)="loadMore()" class="btn-grey btn">Show more</button>
</div>