Question

在我的角度项目中，我有以下内容：

TS

this.storage.get(item_section).then((value) => {
    this.item= value;
    console.log(this.item); //The console log gives `["name","item","size"]`
    console.log(this.item[1]); //Gives `item` as the console log
});

HTML

<div class="something">{{item}}</div> //Displays "name,item,size"
<div class="something">{{item[1]}}</div> //Gets Undefined error

如果我可以定义this.item并获取{{item}}的结果，为什么我会为{{item[1]}}收到未定义的错误？

我对如何解决这个问题感到困惑

Answer 1

您的操作是异步的，因此您需要等待项加载才能访问项的第二个元素。您可以使用* ngIf来实现它。

<div class="something" *ngIf="item">{{item[1]}}</div>

Answer 2

只需添加'？'在您的数组项旁边，它应该可以正常工作。如果存在，请参阅安全导航操作员以显示数据。

Answer 3

它应该适用于静态数据，它在这里工作正常。

检查 DEMO

或者，由于您的代码是异步的，您可以试试这个，

<div class="something">{{item && item[0]}}

Answer 4

请在下面尝试：

<div class="something" *ngFor="let itm of item | async">{{itm}}</div>

角度对象未定义

4 个答案: