Двусторонняя привязка с использованием интерфейса

У меня такой интерфейс:

 export interface IUserData 
{
  Username: string;
  Email: string;
  Password: string;
}

И я хочу привязать его свойства к таким входам:

<input [(value)]="userCredentials.Password">

Могу ли я добиться этого, не имея дополнительных полей для каждого свойства в моем component.ts? Может быть так:

    @Input() userCredentials: IUserData =
    {
      Username:"",
      Email:"@",
      Password:""
    };

    @Output() userCredentialsChange = new EventEmitter();