Angular/2 NG/2：ngModel - 綁定到還不存在的屬性

Question

我使用「| async」基於傳入我的子組件的observable動態創建表單。使用observable我創建一個對象屬性，我將表單元素綁定到使用[ngModel] =然而，表單在屬性準備就緒之前呈現，並且因爲我試圖綁定到不存在的元素而導致爆炸。例如;

<ng-select 
    [options]="options" 
    placeholder="Select one" 
    multiple="true" 
    [ngModel]="chosenAssets[asset.id]" 
    [ngModelOptions]="{standalone: true}" 
> 
</ng-select> 

where chosenAssets [asset.id]還不存在。我正在努力使用貓王操作員來使它工作。任何建議表示讚賞。

Answer 1

我建議顯示<ng-select>儘快chosenAssets[asset.id]確實存在，例如，使用*ngIf

<ng-select *ngIf="chosenAssets[asset.id]" [options]="options" placeholder="Select one" multiple="true" [ngModel]="chosenAssets[asset.id]" [ngModelOptions]="{standalone: true}" > </ng-select>

希望這有助於:-)