title: ngFor Add Array length - Angular 6
body: <p>I have a response from service as below:</p>
  
  <pre><code>dodo: [{
      "did": 1,
      "dname": "Test name",
      "dep": [{
          "cid": 1645,
          "cname": "Table"
       }, {
          "cid": 1651,
          "cname": "Cage"
       }, {
          "cid": 1654,
          "cname": "Accounting"
       }]
       }, {
      "did": 1064,
      "dname": "CB-APIR",
      "dep": [{
          "cid": 1363,
          "cname": "Cage"
       }, {
          "cid": 1364,
          "cname": "Operations"
       }]
  }]
  </code></pre>
  
  <p>Now, i have a table structure in which i am looping on <code>dep</code> as below:</p>
  
  <pre><code>&lt;span *ngFor="let se of element.dodo; let i=index"&gt;
      {{ se.dep.length }}
   &lt;/span&gt;
  </code></pre>
  
  <p>The above loop displays data as <code>3 2</code> in column of total, rather i shall get <code>5</code> as column value.</p>
  
  <p>How can i add the values and make it 5?</p>