Angularjs 2ネストされたインターフェイス

Question

新しいanglejsです。

import {ScanuploadInterface} from '../../interfaces/scanupload.interface'; 
holeDocument = <ScanuploadInterface>{}; 

HTML：：はダイナミックのため* ngForをやって私もこの1

インタフェース

export interface ScanuploadInterface { 
    docVia string;customFields:Array<any>; 
    associateDocs :Array<any>; 
} 

モデルを説明する方法を知っているカントコードを見てください。入力フィールド

<input id="{{list.fieldName}}" name="{{list.fieldName}}" type="{{list.fieldType}}" class="form-control" [(ngModel)]="holeDocument.customFields[list.fieldName]" > 

しかし

未定義

field12の

プロパティを読み取ることができませんとしてこの1つはエラーをスロー 'field12は、' 動的な値がlist.fieldNameから来ています。 私はこの問題を解決する方法を知らない。どのような解決策もありがとうございます。前もって感謝します。

Answer 1

はい、私はngOnInitでオブジェクトを初期化して修正しました。 コード： インタフェース：

export interface ScanuploadInterface { 
    docVia string;customFields:any; 
    associateDocs :any; 
} 

モデル：

import {ScanuploadInterface} from '../../interfaces/scanupload.interface'; 
holeDocument = <ScanuploadInterface>{}; ngOnInit(){this.holeDocument.customFields = {}; 
     this.holeDocument.associateDocs = {};} 

HTML：ダイナミック入力フィールド

<input id="{{list.fieldName}}" name="{{list.fieldName}}" type="{{list.fieldType}}" class="form-control" [(ngModel)]="holeDocument.customFields[list.fieldName]" > 

ため * ngForを行います

ご返信いただきありがとうございます。