使用接口的两种方式绑定

Question

我有以下界面：

 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();

Answer 1

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

https://stackblitz.com/edit/angular-ivy-4vr4nc?file=src%2Fapp%2Fapp.component.ts

使用接口的两种方式绑定

Two way binding using interface

angular

two-way-binding