angular 5 ngModel條件綁定

Question

我在5號角工作，我有一些問題。 我有兩個模型Person和Employee，它們從Person繼承並具有自己的屬性。 在我的組件的html文件中，我創建了一個帶有一些輸入字段的表單：

<input type="texte" name="name" [(ngModel)]="person.name" />
<input type="texte" name="numberPhone" [(ngModel)]="person.numberPhone" />
<button (click)="isEmployee=true" type="button">is employee</button>
<div *ngIf="isEmployee">
<input type="texte" name="salary" [(ngModel)]="employee.salary" />
</div>

問題是，如果isEmployee為假，我想使用相同的形式來綁定人；如果isEmployee為true，我想使用同一個員工。 以下代碼不起作用

[(ngMode)]="isEmployee ? person.name : employee.name"
[(ngMode)]="isEmployee ? person.numberPhone : employee.numberPhone "

有沒有辦法做到這一點而無需重復html代碼？

Answer 1

為什么不使用通常綁定的ngModel創建一個模板：

[(ngMode)]="user.name"

並針對您擁有的每種類型的用戶在不同的組件之間共享該模板文件（因此只有person組件才具有模板文件）-因此，在您的情況下，一個用於person的組件和一個用於雇員的組件。 並且，在他們各自的組件中，您可以將用戶設置為employee組件中的employee和person組件中的person。