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>

希望这有助于:-)