угловое 5 нгМодель условного связывания

Question

Я работаю в Angular 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 был истинным. следующий код не работает

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

есть ли способ сделать это без повторения HTML-кода?

Answer 1

Почему бы вам не создать один шаблон с ngModel, который связывается так, как обычно:

[(ngMode)]="user.name"

и предоставьте доступ к этому файлу шаблона среди различных компонентов для каждого типа пользователя (таким образом, файл шаблона будет иметь только компонент person) - так что в вашем случае 1 компонент для person и один для сотрудника. И в их соответствующих компонентах вы можете назначить пользователя сотруднику в компоненте сотрудника и человека в компоненте персоны.