title: Count items into array
body: <p>I got items from my api:</p>
  <pre><code>  retrievePeople(): void {
      this.peopleService.getAll()
        .subscribe(
          data =&gt; {
            this.peoples = data;
            console.log(data);
          },
          error =&gt; {
            console.log(error);
          });
    }
  </code></pre>
  <p><code>console.log</code> of data is:</p>
  <pre><code>(2) [{…}, {…}]
  0: {id: 41, title: &quot;[&quot;John Snow&quot;,&quot;Jan Kowalski&quot;,&quot;Jan Nowak&quot;]&quot;, description: &quot;111&quot;, published: false, createdAt: &quot;2020-08-11T08:43:20.000Z&quot;, …}
  1: {id: 42, title: &quot;[&quot;Jan Nowak&quot;,&quot;Jan Kowalski&quot;,&quot;Just test&quot;]&quot;, description: &quot;112&quot;, published: false, createdAt: &quot;2020-08-11T11:14:58.000Z&quot;, …}
  length: 2
  __proto__: Array(0)
  </code></pre>
  <p>And inside of my component.html I got</p>
  <pre><code>&lt;ul class=&quot;list-group&quot;&gt;
    &lt;li class=&quot;list-group-item&quot; *ngFor=&quot;let people of peoples; let i = index&quot; [class.active]=&quot;i == currentIndex&quot;
      (click)=&quot;setActivePeople(people, i)&quot;&gt;
      Description: {{ people.description }}
      Number of people: {{ people.title.length }}
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>I tried just use <code>.length</code> but I got number of characters instead of number of people.</p>
  <p>I Tried also something like this:</p>
  <pre><code>this.size = Object.keys(this.peoples[0].title.split(', ')).length;
  </code></pre>
  <p>and it shows me correct value for example: 3</p>
  <p>But it only for one value I want this to display it in my list.</p>
  <p>How should it looks?</p>