Angularjs 2嵌套接口

Question

剛剛接觸angularjs。請看看我的代碼甚至不能知道該如何解釋這一

接口

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

模式：

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

HTML：做* ngFor動態輸入字段

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

但是這一次拋出一個錯誤的

無法讀取的不確定財產 'field12'

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：做* ngFor動態輸入字段

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

感謝您的回覆傢伙。