Get collection using WpService

test-collection.ts

/*
 * In this example, we display a collection of posts, pagination and a button to load the next page.
 * we also set the QueryArgs for the request to get embedded posts and filter the results to 6 posts per page
 * 
 * get pagination properties from `wpCollection.service`
 */
import { Component, OnInit } from '@angular/core';
import {WpEndpoint, WpService, CollectionResponse} from 'ng2-wp-api';

@Component({
  selector: 'test-collection',
  template: `
    <div class="test">
        <div *ngFor="let post of posts" class="item">
            <h3>
            {{post.title.rendered}}
            </h3>
        </div>
    </div>
    
    <pre>{{pagination | json}}</pre>
  `
})
export class SiderComponent implements OnInit {

  endpoint = WpEndpoint.posts;
  args;

  posts;
  pagination;

  collection;

  constructor(private wpService: WpService) {
  }

  ngOnInit() {
    this.get();
  }

  get(){
    this.args = {
      per_page: 4
    };
    this.collection = this.wpService.collection().posts();
    // or this.collection = this.wpService.collection().endpoint(WpHelper.endpoint.posts);
    this.collection.get(this.args).subscribe((res: CollectionResponse) => {
        if(res.error){
            console.log(res.error);
        }
        else{
            this.pagination = res.pagination;
            this.posts = res.data;
        }
    });
  }

  /** Get next collection combined with current collection */
  getMore() {
    this.collection.more().subscribe((res: CollectionResponse) => {
        this.posts = res.data;
        this.pagination = res.pagination;
    });
  }

    /** Get next collection only */
    getMore() {
        this.collection.next().subscribe((res: CollectionResponse) => {
            this.posts = res.data;
            this.pagination = res.pagination;
        });
    }

    /** Get prev collection only */
    getMore() {
        this.collection.prev().subscribe((res: CollectionResponse) => {
            this.posts = res.data;
            this.pagination = res.pagination;
        });
    }

}


/* Optional component that uses Post class which wraps the post response making it easy to access.
 * NOTE: The embed in QueryArgs must be set to true in order to get Post class to work.
 */
import {WpPost} from 'ng2-wp-api';

@Component({
    selector: 'item',
    template: `
    <div class="post-title"> {{post.title()}} </div>
        <div class="post-image">
            <img [src]="post.featuredImageUrl('small')"/>
        </div>
    <div class="post-excerpt" [innerHtml]="post.excerpt()">
  `,
})

export class Item {

    @Input() data;
    post: WpPost;

    ngOnInit() {
        this.post = new WpPost(this.data);
    }
}

This is outdated? Needs to be updated. WpEndpoint doesn't work.