无法读取未定义的属性“标题”，但显示标题

我是 Angular 4 的新手，我正在尝试构建我的第一个应用程序。

标题显示在屏幕上，但在console :

这是 html 文件中的第 26 行：

<h1>{{result.title}}</h1>

This is 旅行详情组件:

export class TravelDetailComponent implements OnInit {

result: string[];
id: number;

constructor(private http: Http, private globals: Globals, private activatedRoute: ActivatedRoute) {
}


ngOnInit() {
  this.activatedRoute.params.subscribe((params: Params) => {
      this.id = params['id'];
      console.log(this.id);
  });
  this.http.get(this.globals.baseUrl + 'travels/' + this.id)
      .map(res => res.json()).subscribe(result => this.result = 
result);
}

}

为什么标题显示在屏幕上但我在console我该如何解决它？

除非你熟悉这个问题，否则你会遇到很多有角度的问题Angular 模板语法。具体使用的是*ngIf和猫王运算符?.

例如，如果您只想显示标题，则可以执行以下操作以确保页面在出现标题之前不会尝试呈现标题。

<h1 *ngIf="title">{{ title }}</h1>

此外，如果你有一个带有属性的对象，你可以放弃*ngIf并检查以确保对象已解决。例如，假设您将页面的所有数据保存到page对象和上面一样，想要显示标题。

<h1>{{ page?.title }}</h1>

如果你想真正安全，你仍然可以将它包裹在一个*ngIf专门检查标题的语句，但通常如果页面对象中有数据，则可以安全地假设其中有标题。