title: Sort Array of object by object field in Angular 6
body: <p>I am getting an array of "product"s from a resolver getting data from a json endpoint.</p>
  
  <pre><code>ngOnInit() {
    this.products = this._route.snapshot.data.products;
    console.log('products: ', this.products);
  }
  </code></pre>
  
  <p>where one of the objects in this array is in the format</p>
  
  <pre><code> {
      "id": 3645,
      "date": "2018-07-05T13:13:37",
      "date_gmt": "2018-07-05T13:13:37",
      "guid": {
          "rendered": ""
      },
      "modified": "2018-07-05T13:13:37",
      "modified_gmt": "2018-07-05T13:13:37",
      "slug": "vpwin",
      "status": "publish",
      "type": "matrix",
      "link": "",
      "title": {
          "rendered": "VPWIN"
      },
      "content": {
          "rendered": "",
          "protected": false
      },
      "featured_media": 0,
      "parent": 0,
      "template": "",
      "better_featured_image": null,
      "acf": {
          "domain": "SMB",
          "ds_rating": "3",
          "dt_rating": ""
      },
      ...
  },
  </code></pre>
  
  <p>What I want to do is sort this array by the field <code>title.rendered</code></p>
  
  <p>In olden times, in AngularJS, I would simply use an <code>orderBy</code> pipe in the template set to this field.  Apparently, this is removed in Angular and from doing research it seems the preferred method is to sort the data itself, such as in <code>ngOnInit</code>.</p>
  
  <p>But I can't figure out how to sort <code>products</code> by <code>producs.title.rendered</code>.</p>