Есть ли лучший способ назначения ngModel?

Question

Я только хочу использовать 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"> 

Answer 1

Вы можете проверить app на уровне контейнера и использовать свойства внутри контейнера, если приложение существует, как показано ниже:

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

Поэтому вам не придется повторно проверить app на каждом элементе !