title: JSON with name Zero
body: <p>I'm making a http request to a JSON server, and putting the value inside a variable, when a I make a <code>console.log()</code> it shows me all information from the json, but when I try to use the interpolation to bring the information to the template, it throws me this error</p>
  
  <pre><code>ERROR TypeError: Cannot read property 'numero' of undefined
  </code></pre>
  
  <p>A notted that the json comes with zero on his name, how can I Solve that?</p>
  
  <p>My service:</p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  
  import { API } from '../../../app.api';
  
  
  @Injectable({
    providedIn: 'root'
  })
  export class TarefadetalheService {
  
    constructor(private http: HttpClient) { }
  
    recuperaDetalhes(): any{
      return this.http.get("http://localhost:4000/tarefadetalhe")
  
   }
  }
  </code></pre>
  
  <p>Here's my page that calls the service:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { NavParams } from '@ionic/angular';
  import { TarefadetalheService } from './tarefadetalhe.service';
  import { Tarefa } from '../../models/tarefa.model';
  
  @Component({
    selector: 'app-tarefas-detalhe',
    templateUrl: './tarefas-detalhe.page.html',
    styleUrls: ['./tarefas-detalhe.page.scss'],
  })
  export class TarefasDetalhePage implements OnInit {
   idTarefa = null
   tarefa: any
    constructor(private navParams: NavParams, private getTarefaDetalhe: TarefadetalheService) { }
  
    ngOnInit() {
      this.idTarefa = this.navParams.get('id_tarefa');
      this.getTarefaDetalhe.recuperaDetalhes().subscribe((data)=&gt;{
        this.tarefa = data[0] //now it works 
      })
    }
  }
  </code></pre>
  
  <p>Heres my template:</p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;ion-toolbar&gt;
      &lt;ion-title&gt;{{tarefa.numero}}&lt;/ion-title&gt;
    &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content padding&gt;
  ID da tarefa é: {{idTarefa}}
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>As you can see now I can show the data as I wanted, but it keeps me throwing error, I just tried to run <code>ionic serve</code> again and no effect
  <a href="https://i.stack.imgur.com/LsYFb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LsYFb.png" alt="enter image description here"></a></p>
  
  <p>I've tried to make {{tarefa[0].numero}} but this way he does not even shows me the data in the template.</p>