title: Grouping Obersavable data with Angular 2
body: <p>I have a stream of observable data that is similar to this: - </p>
  
  <pre><code> [
      {
      "WorkId": 1539,
      "Name": Exam 1,
      "AssessmentTypeId" : 2345,
      "AssessmentTypeDescription" : "Exam"
      ...
      },
      {
      "WorkId": 1540,
      "Name": Exam 2,
      "AssessmentTypeId" : 2345,
      "AssessmentTypeDescription" : "Exam"
      ...
      },
      {
      "WorkId": 1541,
      "Name": Coursework,
      "AssessmentTypeId" : 2346,
      "AssessmentTypeDescription" : "Coursework"
       ...
       }
     ]
  </code></pre>
  
  <p>Each object is an known as an element. What I want to do is display the element data in html tables grouped by the AssessmentTypeId. E.g.</p>
  
  <p><strong>Exam</strong></p>
  
  <p>WorkId Name</p>
  
  <p>1539   Exam 1</p>
  
  <p>1540   Exam 2</p>
  
  <p><strong>Coursework</strong></p>
  
  <p>WorkId Name</p>
  
  <p>1541  Coursework 1</p>
  
  <p>I am fairly new to working with observables and I am little unsure about how to go about this? I am guessing I need to look at using the .groupBy transformation?</p>
  
  <p>Thank you.</p>