title: Angular 5 Loops
body: <p>I have an array for days as below in my component.ts</p>
  
  <pre><code>private days = [{
          'id': 1,
          'day': 'Monday'
      },
      {
          'id': 2,
          'day': 'Tuesday '
      },
      {
          'id': 3,
          'day': 'Wednesday '
      },
      {
          'id': 4,
          'day': 'Thursday'
      },
      {
          'id': 5,
          'day': 'Friday'
      },
      {
          'id': 6,
          'day': 'Saturday'
      },
      {
          'id': 7,
          'day': 'Sunday'
      }];
  </code></pre>
  
  <p>I am getting  below result from an API call</p>
  
  <pre><code>"branchDetails": [
          {
              "user_id": 2,
              "business_branch_id": 3,
              "branch_name": "Synaptech-cloud2",
              "branch_default": 1,
              "gen_dayofweek_id": [
                  {
                      "id": 1
                  },
                  {
                      "id": 2
                  }
              ],
              "start_date": "10-09-2013",
              "end_date": "10-09-2017"
          },
          {
              "user_id": 2,
              "business_branch_id": 2,
              "branch_name": "Synaptech-cloud1",
              "branch_default": 0,
              "gen_dayofweek_id": [
                  {
                      "id": 1
                  },
                  {
                      "id": 3
                  }
              ],
              "start_date": "10-09-2013",
              "end_date": "10-09-2017"
          }
      ]
  </code></pre>
  
  <p>In view(browser) i need to display a field(Available Days) which should contain days which are not in <code>gen_dayofweek_id</code>(field in API result) array</p>
  
  <p>in view i need to show like below</p>
  
  <pre><code>available days:  Wednesday, Thursday, Friday, Saturday, Sunday
  
  
  available days: Tuesday, Thursday, Friday, Saturday, Sunday
  </code></pre>