title: Angular : Group By by property name and show only one if duplicate
body: <p>Having an array like this(e.g. products in a basket)</p>
  
  <pre><code>[{
      "name": "item 1",
      "id": 1,
      "price": 10
  },
  {
      "name": "item 2",
      "id": 2,
      "price": 20
  },
  {
      "name": "item 1",
      "id": 1,
      "price": 10
  },
  {
      "name": "item 3",
      "id": 3,
      "price": 30
  }]
  </code></pre>
  
  <p>How can I do a <code>*ngFor</code> in Angular 8 in order to print an output like:</p>
  
  <ul>
  <li>2x item 1, subtotal 20</li>
  <li>1x item 2, subtotal 20</li>
  <li>1x item 3, subtotal 30</li>
  </ul>
  
  <p>So basically I wish to wrap up by name(or ID) the duplicate items and show only one row for them. I should also count the occurrences and the subtotal of them</p>