Angularservice.dataからのjsonオブジェクトは次のようになります
data={
id: 334,
name:'Tom Miller',
address: {
street: '133 Jackson St.',
state: 'CA'
}
}
私のテンプレートでは、テーブルから次のようにしています
<tr>
<td> {{data.name}}</td>
<td> {{data.address.state}}</td>
</tr>
プログラムはzip値を表示せず、代わりにエラーを表示します
TypeError: Cannot read property 'state' of null
私のインターフェースでは、アドレスはアドレスとして設定されたオプションのフィールドですか？：..。
このエラーを修正する方法を教えてくださいありがとう
Angular Safe ?.Navigationオペレーターは、この問題に対処するために正確に存在します。存在しない可能性のあるすべてのプロパティで使用する必要があります。
<tr>
<td> {{data.name}}</td>
<td> {{data.address?.state}}</td>
</tr>
この問題addressはJSONでオプションであるという事実に起因するため、この場合の処理方法は次のとおりです。
別のオプションはngIf、欠落しているオブジェクトへの参照を含む要素にディレクティブを使用することですが、通常data、全体が利用できない場合（HTTP要求が進行中の場合など）に適用できます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加