ngModelで2つのプロパティを使用する方法は？

Question

は、クラスのプロパティを持つ2角形のngModelの形をしています。しかし、私は2つのプロパティがこの値（パスワードとconfirmPassword）を取得する2つのプロパティは、この値（電子メールとユーザー名）を取得し、 はそれの構文は何である私はこれを試してみましたが、それは誤り送信します？

export class CreateUser { 
mail: string; 
UserName: string; 
password: string; 
confirmPassword: string;} 

おかげで、あなたは簡単な方法で支援するためにたくさん：

<input [(ngModel)]="createuser.pasword;createuser.confirmPassword" name="password" type="password" minlength="6" required> 

createuserはがでCreateUserの目的です。

Answer 1

角度サポートバインディングngModelを2つのプロパティにバインドするとは思われません。しかし、あなたのタスクを達成することは以下のようにngModelと(event)を組み合わせることで可能です：

• は[(ngModel)]を経由してメールプロパティをバインドします。
• 次に、inputイベントリスンを使用して、ユーザー名をメールにバインドします。

component.html

<input type="text" [(ngModel)]="mail" (input)="setUserName($event)"> 
<p> 
    mail {{mail}} 
</p> 

<p> 
    username {{UserName}} 
</p> 

component.ts

export class CreateUser{ 
    mail: string; 
    UserName: string; 
    password: string; 
    confirmPassword: string; 

    constructor() { } 

    setUserName(event) { 
    this.UserName = event.target.value; 
    // or 
    // this.UserName = this.mail; 
    } 
} 

これが正常に動作しますが、私はそれを使用する必要性を理解していません。上記のコメントでは、フィールドを空のままにして、バックエンドで適切に処理することができます。

this.createuser.mail=this.createuser.UserName; 
this.createuser.confirmPassword=this.createuser.pasword; 

Answer 2

は多くのことを考えた後、私はTSの構成要素には、次のように行うことができました。