コンソールでエラーが発生しましたが、ブラウザに表示されます

Question

角度アプリでエラーが発生しました。タイプエラー：未定義のプロパティ 'name'を読み取ることはできませんが、projects.nameが表示されています。どうすればconsole.logのエラーを取り除くことができますか？データにはオブジェクトが含まれています。

ngOnInit() { 
    this.route.params 
     .subscribe((params: Params) => { 
     this.id = +params['id']; 
     this.projectsService = this.injector.get(ProjectsService); 
     this.projectsService.getProject(this.id) 
     .subscribe(
      (data:any) => { 
      this.projects = data; 
      console.log(data); 

      }, 
      error => { 
      alert("ERROR"); 
      }) 
     }); 
} 

Answer 1

あなたが直接projects.nameを使用してprojectsはAJAXによって取得されているように思えます。このコードは、最初の変更検出の実行時にバインドしようとします（projects.name）。このような場合には

Use Safe Navigation/Elvisオペレータ

{{projects?.name}} 

Answer 2

あなたは{{プロジェクト？.nameのを}}使用することができますか、あなたのプロジェクトを初期化する必要があります...ベストプラクティスは、あなたのプロジェクトのためのインタフェースやクラスを使用することです。