是否有更好的方法来分配ngModel?

时间:2017-01-12 05:28:18

标签: angular angular-ngmodel angular-ng-if

如果变量存在,我只想使用ngModel,如下所示。如果变量app不存在,那么我不想将它包含在我的模型中。我认为下面是最简单的方法,但有没有更好的方法可以绑定我的模型而不检查每个元素的app,从而复制每个人?

<input id="phone" *ngIf="app" [(ngModel)]="app.phone" [textMask]="{mask: phoneMask}" class="form-control" type="text" formControlName="phone" placeholder="Phone Number">
<input id="phone" *ngIf="!app"                        [textMask]="{mask: phoneMask}" class="form-control" type="text" formControlName="phone" placeholder="Phone Number">

1 个答案:

答案 0 :(得分:0)

您可以在容器级别检查app,如果应用程序存在,请使用容器内的属性,如下所示:

<div *ngIf="app">
    <div [(ngModel)]="app.phone"></div>
    <div [(ngModel)]="app.address"></div> 
    <div [(ngModel)]="app.pin"></div>
</div>

因此,您不必在每个元素上反复检查app