时间戳

首页 > 解决方案 > 订阅在构造函数中有效，但 html 返回未定义 - Angular

angular - 订阅在构造函数中有效，但 html 返回未定义 - Angular

问题描述

我无法在 API 中下载数据并在页面上查看它。数据在构造函数中订阅，然后想要将 @Input 传递给子组件。重新加载页面一段时间后，数据正​​确显示在视图中，但不幸的是，控制台显示错误:(我做错了什么？

错误类型错误：无法读取未定义的属性“名称意见”

constructor(
    private ActivatedRoute: ActivatedRoute,
    private cityService: CityRegionDataService
  ) {
    this.ActivatedRoute.paramMap.subscribe(params => {
      this.city = params.get('city');
      this.region = params.get('region');
    });

    this.cityService.getCityData(this.city).subscribe(resp => {
      this.cityData = resp.body;
    });

in html

<app-opinions [city]="cityData.nameOpinions"></app-opinions>

标签： angularrxjssubscribe

解决方案

试试加。？在这样的变量中：

<app-opinions [city]="cityData?.nameOpinions">

推荐阅读