Skip to main content
nova sugestão de solução
Fonte Link

A chamada ao serviço está correta. Mas ela pode ter falhado e, por isto, você não teve um objeto de retorno. Olhe no console do navegador se a chamada foi bem sucedida. Pode está dando, o erro por ser de CORS CORS.

Além disso, no método getMacs(), o subscriberetorno da sua API não irá retornar para você oé um array, ele vai te retornarmas sim um objeto que possui um membro (macs) que é um array. Desta formaVocê precisa atualizar sua API para retornar diretamente um array ou atualizar a chamada da API, você temcomo abaixo:

@Injectable()
 export class MacService {

 constructor(private http: Http) { }

 getMacs():Observable<Mac[]>{

      return this.http.get('http://localhost:3000/macs')
       .map(response => response.json())
       .map(jsonRet => jsonRet.macs);

  }

 }

A sua chamada do console.log dentro do método getMacs(), sempre retornará null (se nunca for inicializada), porque ela deve ficar dentro do subscribe, já que fazer o ajuste naa chamada é sempre assíncrona, veja:

getMacs(){
  this.service.getMacs().subscribe(respmacs => {
     
      this.macs = resp.macs;
      console.log(this.macs);

    }, error => console.log('ocorreu um erro na chamada', error) 
  );

}

A chamada ao serviço está correta. Mas ela pode ter falhado e, por isto, você não teve um objeto de retorno. Olhe no console do navegador se a chamada foi bem sucedida. Pode está dando erro de CORS.

Além disso, no método getMacs(), o subscribe não irá retornar para você o array, ele vai te retornar um objeto que possui um membro (macs) que é um array. Desta forma, você tem que fazer o ajuste na chamada:

getMacs(){
  this.service.getMacs().subscribe(resp => {
     
      this.macs = resp.macs;
      console.log(this.macs);

    }, error => console.log('ocorreu um erro na chamada', error) 
  );

}

A chamada ao serviço está correta. Mas ela pode ter falhado e, por isto, você não teve um objeto de retorno. Olhe no console do navegador se a chamada foi bem sucedida, o erro por ser de CORS.

Além disso, o retorno da sua API não é um array, mas sim um objeto que possui um membro (macs) que é um array. Você precisa atualizar sua API para retornar diretamente um array ou atualizar a chamada da API, como abaixo:

@Injectable()
 export class MacService {

 constructor(private http: Http) { }

 getMacs():Observable<Mac[]>{

      return this.http.get('http://localhost:3000/macs')
       .map(response => response.json())
       .map(jsonRet => jsonRet.macs);

  }

 }

A sua chamada do console.log dentro do método getMacs(), sempre retornará null (se nunca for inicializada), porque ela deve ficar dentro do subscribe, já que a chamada é sempre assíncrona, veja:

getMacs(){
  this.service.getMacs().subscribe(macs => {
     
      this.macs = macs;
      console.log(this.macs);

    }, error => console.log('ocorreu um erro na chamada', error) 
  );

}

Fonte Link

A chamada ao serviço está correta. Mas ela pode ter falhado e, por isto, você não teve um objeto de retorno. Olhe no console do navegador se a chamada foi bem sucedida. Pode está dando erro de CORS.

Além disso, no método getMacs(), o subscribe não irá retornar para você o array, ele vai te retornar um objeto que possui um membro (macs) que é um array. Desta forma, você tem que fazer o ajuste na chamada:

getMacs(){
  this.service.getMacs().subscribe(resp => {
     
      this.macs = resp.macs;
      console.log(this.macs);

    }, error => console.log('ocorreu um erro na chamada', error) 
  );

}