角度オブジェクトは、未定義

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

あなたの操作は非同期で、これを試すことができますアイテムの2番目の要素にアクセスします。 * ngIfを使ってそれを達成することができます。

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

Answer 2

にこの問題を解決する方法に少し混乱しています。

チェックDEMO

あなたのコードが非同期であるため、あなたがロードされるように項目を待つ必要があるので、別の方法として、あなたは、

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

Answer 3

「？」を追加するだけです。あなたの配列の項目の隣に、それは正常に動作するはずです。データが存在する場合は、セーフナビゲーションオペレータを参照してください。

Answer 4

以下試してください。

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