title: Arrow operator VS passing the argument in function: what is the difference?
body: <p>//component.ts<br>
  What is the difference in putting <code>i</code> as arrow operator or putting <code>i</code> within a function.</p>
  
  <pre><code>this.service.getuser().subscribe(i =&gt; {
      this.myuserList = i;
  });
  </code></pre>
  
  <p>// As shown below, the below code the data data is not painted in html page</p>
  
  <pre><code>this.service.getUserList().subscribe(function(i : any){
      this.myuserList = i;
  });
  </code></pre>
  
  <p>// Also putting the html code for reference</p>
  
  <pre><code>//component.html 
  &lt;tr *ngFor = 'let p of myuserList'&gt;
  &lt;td&gt;{{p.username}}&lt;/td&gt;
  &lt;td&gt;{{p.address.suite}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>