title: loop over return elements by http
body: <p>I have service that returns me the data from SQL via HTTP.
  In my component I have code:</p>
  
  <pre><code>export class GetFruitsComponent implements OnInit {
  
    valuesFruits: any;
  
    constructor(private srv: SendRecvService) {
      this.getFruits();
     }
  
    ngOnInit() {
    }
  
    getFruits() {
      this.srv.GetFruits().subscribe(response =&gt; {
        this.valuesFruits = response;
      }, error =&gt; {
        console.log(error);
      });
    }
  }
  </code></pre>
  
  <p>In Html I have:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li *ngFor = "let fruit of valuesFruits"&gt;
              {{fruit.userId}}
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This</p>
  
  <pre><code> {{fruit.userId}}
  </code></pre>
  
  <p>is a number. And what I want is that in this place I want to have another value from different table. I have already prepared function where as argument I would place the value of:</p>
  
  <pre><code> {{fruit.userId}}
  </code></pre>
  
  <p>Where can I invoke this method?</p>