<div *ngIf="!pageMeta">
<p>waitting for response!</p>
</div>
<div *ngIf="pageMeta">
<ng-container *ngFor='let item of posts'>
{{item.title}}
</ng-container>
</div>
export class PostListComponent implements OnInit {
posts: Post[];
pageMeta: PageMeta;
postParameter = new PostParameters({ orderBy: 'id desc', pageSize: 10, pageIndex: 0 });
constructor(private postService: PostService) { }
ngOnInit() {
this.getPosts();
}
getPosts() {
this.postService.getPagedPosts(this.postParameter).subscribe(resp => {
this.pageMeta = JSON.parse(resp.headers.get('X-Pagination')) as PageMeta;
const result = { ...resp.body } as ResultWithLinks<Post>;
this.posts = result.values;
});
}
}
export class PostService extends BaseService {
constructor(private http: HttpClient) {
super();
}
getPagedPosts(postParameter?: any | PostParameters) {
return this.http.get(`${this.apiUrlBase}/posts`, {
headers: new HttpHeaders({ 'Accept': 'application/vnd.enfi.hateoas+json' }),
observe: 'response',
params: postParameter
});
}
}
