Question

我正在动态创建一个基于使用“| async”传递到我的子组件的observable的表单。使用observable我创建了一个对象属性，我将表单元素绑定到使用[ngModel] =但是，表单在属性准备好之前呈现并且因为我试图绑定到不存在的元素而炸弹。例如;

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

其中selectedAssets [asset.id]尚不存在。我正在努力使用Elvis运算符让它工作。任何建议都表示赞赏。

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>

希望这会有所帮助： - ）

Angular / 2 NG / 2：ngModel - 绑定到尚不存在的属性

1 个答案: