Ошибка в консоли, но отображается в браузере

У меня есть проблема в моем угловом приложении, которое говорит об ОШИБКЕ TypeError: Невозможно прочитать имя свойства неопределенного, но отображается имя проекта. Как я могу избавиться от ошибки в 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");
          })
      });  
}

person Community    schedule 15.10.2017    source источник


Ответы (2)


Похоже, вы напрямую использовали projects.name, а projects извлекается с помощью ajax. Этот код дает сбой, потому что он пытается projects.name выполнить привязку при первоначальном запуске обнаружения изменений.

В таких случаях Use Safe Navigation / Elvis оператор

{{projects?.name}}
person Pankaj Parkar    schedule 15.10.2017

Вы можете использовать {{projects?.name}} или вам следует инициализировать свои проекты... лучше всего использовать интерфейс и класс для ваших проектов.

person Dmitry Grinko    schedule 15.10.2017