Angularでネストされたオブジェクトのプロパティにアクセスするにはどうすればよいですか？
futuremanuel
私はこのモデルクラスを持っています。
export class Drivefunction{
public Injection: Injection;
public df_uid_machine_injsiz:string;
public Motor_Cable_IEC: Motor_cable;
...
そして、display.component.tsには、Drivefunction []を満たすこの関数があります。
fillDrivefunctions(){
this.machineService.getDrivefunctions(this.injectionID)
.subscribe((df:Drivefunction[])=> {
this.drivefunctions = df;
console.log(this.drivefunctions)
});
}
ご覧のとおり、console.logを試して、jsonオブジェクトが適切に入力されているかどうかを確認します
すべてのオブジェクトとネストされたオブジェクトがいっぱいになります！
HTMLには、drivefunction []を使用してngForがあります。文字列などのプロパティにアクセスできますが、ネストされたオブジェクトに正しく入力されていてもアクセスしようとすると、「未定義のプロパティを読み取れません」というメッセージが表示されます。
このネストされたオブジェクトを「追加」サブスクライブする必要がありますか？
私のHTML：
<ion-list *ngFor="let drivefunction of this.drivefunctions; ">
<ion-item>
<ion-label>{{drivefunction.Injection.inj_uid_machine_injsiz}}</ion-label>
</ion-item>
</ion-list>
マルコ
これはタイプミスの問題だと思います。
あなたが与えたHTMLに基づいています。
<ion-label>{{drivefunction.Injection.inj_uid_machine_injsiz}}</ion-label>
コンソールのスクリーンショットのBuは、Injection小文字であることがわかります。試してみてください
<ion-label>{{drivefunction.injection.inj_uid_machine_injsiz}}</ion-label>
それにDrivefunction応じてクラスを変更します。
export class Drivefunction {
public injection: Injection;
...
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
Javascriptでネストされたオブジェクトのプロパティにアクセスするにはどうすればよいですか？
- 2
一般的に定義されたオブジェクトのプロパティにアクセスするにはどうすればよいですか？
- 3
オブジェクト内のネストされたプロパティのキーパスを取得するにはどうすればよいですか？
- 4
配列内のプロパティでネストされたオブジェクトをクエリするにはどうすればよいですか？
- 5
オブジェクト内のオブジェクトのプロパティにアクセスするにはどうすればよいですか
- 6
オブジェクト配列内のネストされたオブジェクトのJSONプロパティにアクセスするにはどうすればよいですか
- 7
Groovyのオブジェクトからネストされたプロパティ値を取得するにはどうすればよいですか？
- 8
Stateのネストされたオブジェクトのプロパティを変更するにはどうすればよいですか？
- 9
ネストされたプロパティでオブジェクトスプレッドを使用するにはどうすればよいですか？
- 10
Ruby on Rails：JSONPathを使用して、JSON配列内のネストされたオブジェクト/プロパティにアクセス（およびデータベースに保存）するにはどうすればよいですか？
- 11
Underscorejs：ネストされたオブジェクトをプロパティで削除するにはどうすればよいですか？
- 12
クラス外からオブジェクト内の拡張プロパティにアクセスするにはどうすればよいですか？
- 13
実行時にオブジェクトに追加したプロパティにアクセスするにはどうすればよいですか？
- 14
実行時にオブジェクトに追加したプロパティにアクセスするにはどうすればよいですか？
- 15
Jsonオブジェクトのプロパティクラスにアクセスするにはどうすればよいですか？
- 16
これらのC＃オブジェクトのプロパティにアクセスするにはどうすればよいですか？
- 17
$ .ajaxメソッドのsuccessプロパティでオブジェクトの要素にアクセスするにはどうすればよいですか？
- 18
マングースのオブジェクトプロパティにアクセスするにはどうすればよいですか？
- 19
Laravel PHPでオブジェクトのプロパティにアクセスするにはどうすればよいですか？
- 20
ReactでAPIオブジェクトのプロパティにアクセスするにはどうすればよいですか？
- 21
動的キーを指定してネストされたオブジェクトのプロパティにアクセスするにはどうすればよいですか？
- 22
オブジェクトのプロパティに動的にアクセスするにはどうすればよいですか？
- 23
この多次元配列のオブジェクトのプロパティにアクセスするにはどうすればよいですか？
- 24
配列内のオブジェクトからプロパティにアクセスするにはどうすればよいですか？
- 25
オブジェクトが別のオブジェクトのプロパティにプロパティとしてネストされているかどうかを確認するにはどうすればよいですか？
- 26
オブジェクト内の特定の配列[プロパティ]にアクセスするにはどうすればよいですか？
- 27
配列内のオブジェクトのプロパティにアクセスするにはどうすればよいですか？
- 28
React Nativeを使用してオブジェクトのプロパティにアクセスするにはどうすればよいですか？
- 29
オブジェクトのプロパティ（arraycollection）にアクセスするにはどうすればよいですか？
コメントを追加