Question

我正在用Angular编写系统。这是我的第一个Angular应用程序，并且正在运行Angular 8

到目前为止，一切都进行得相当顺利，但是我刚刚遇到了这个错误，而且不确定如何解决它。

我的应用程序调用一个API，该API返回视图所依赖的数据集。一种特殊的属性是在页面上正确呈现，但是控制台读取

theComponent.html：29错误TypeError：无法读取属性'relevantObject' 的未定义。

从技术上讲，该错误似乎没有引起任何问题。数据呈现得很好，我什至可以执行管道操作以使其显示为货币（按预期）。但是总的来说，我想产生一个尽可能少的错误的应用程序（当然），我什至不知道是什么原因造成的，并且由于经验不足，我怀疑这是我的Angualr Faux pas。任何帮助表示赞赏

.ts文件

this._http.getData(this.id,this.pid, this.name).subscribe(apiData => {
    this.data = apiData ;
    console.log(this.data) //For debugging
    //this.ref.detectChanges();//Attempted fix for this issue using ChangeDetectorRef
    });
  }

component.html（第29行）

<div class="col-6 value">
  {{ data.relevantObject[0].value |currency:'EUR':"symbol" }}
</div>

（API返回两个数组：一个称为relatedObject，另一个称为irrelevantObject。我的意思是引用relatedObject）

为澄清起见，该数据正在使用多个不同的测试文件完美呈现在屏幕上，但是仍然出现控制台错误。任何进一步的细节请询问。谢谢。

编辑：此问题与标记为重复项的问题不同。链接的问题是询问用户为什么会收到类型错误以及如何以标准格式解决该错误。这个问题与错误的奇怪行为有关，因为数据可以正确呈现，因此在显然不需要的地方出现错误。对于链接的问题，用户收到的是静态类型产生的Typescript错误，而我的问题似乎是由编译器解释为类型错误的其他原因引起的。

来自API调用渲染的数据，但控制台仍然返回错误

0 个答案: