角2插值

Question

我试图通过插值渲染json的不同值，但由于某种原因它只能在迭代中工作。

例如：

<ul> 
    <li *ngFor="let object of objects"> 
     {{object.title}} {{object.text}} 
    </li> 
</ul> 

这工作。

但每当我想不反复它不工作访问特定的值：

{{objects[0].title}} {{objects[0].text}} 

收到此错误：原来的异常：类型错误：无法读取的不确定

任何财产“0”为什么发生这种情况？

谢谢！

Answer 1

我敢打赌，你最初并没有设定objects的值。你的代码可能看起来像这样。

@Component({ 
... 
}) 
class MyComponent { 
    objects; 
    ngOnInit() { 
     someHttpRequest().then((res) => objects = res); 
    } 
} 

角将尽力尽快插值objects的部件载荷，既然你不给对象的值，直到后objects[0]，事实上，不确定的。

您可以在几个方面解决这个问题 - 可能是最简单的只在一*ngIf

<div *ngIf="objects && objects.length > 0"> 
    {{objects[0].foo}} 
</div> 

Answer 2

简单的答案会是包装任何object[0]参考，

{{Objects[0]?.title}} {{objects[0]?.text}}