Angular6，http get返回未定义的对象

Question

基本上，问题是当尝试使用其ID作为参数从json文件获取对象时，找到它。每当我想从json中获取它时，它都会作为未定义的对象返回。

这是从中使用服务的组件。对象plato是最终未定义的对象：

sc.skip("(\r\n)");

服务就是这个。我相信问题特别在getPlato（）函数中，但是我还无法找到为什么它总是返回undefined的原因：

import { Plato } from 'src/app/plato';
import { PlatoService } from './../../../plato.service';
import { Component, OnInit, Input } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-editar-plato',
  templateUrl: './editar-plato.component.html',
  styleUrls: ['./editar-plato.component.css']
})

export class EditarPlatoComponent implements OnInit {

  public plato: Plato;

  constructor(
    private route: ActivatedRoute,
    private platoService: PlatoService,
  ) {}

  ngOnInit(){
    this.getPlato();
    console.log(this.plato);
  }

  private getPlato(){
    const id = ""+this.route.snapshot.paramMap.get('nombre');
    this.platoService.getPlato(id)
    .subscribe(plato => this.plato = plato);
  }

}