角度2の要素を選択する方法

Question

私は単一の文字列に変えたい日付入力（月、日、年）の束を持っています。私は、それぞれの要素、つまり、jqueryの$（要素）または角度1の$ angular（要素）から値を取得したいと思います。

このようなセレクタはありません。

<select name="DoBMonth" [(ngModel)]="DoBMonth" class="form-control" (change)="setDaysThisMonth(DoBMonth);updateDoB()" (focus)="editingDoB=true" (blur)="editingDoB = editingDoB && false"> 
    <option *ngFor="let month of months" [value]="month.value"> 
     {{month.display}} 
    </option> 
</select> 

<select name="DoBDay" class="form-control" [(ngModel)]="DoBDay" (change)="updateDoB()" (focus)="editingDoB=true" (blur)="editingDoB = editingDoB && false"> 
    <option *ngFor="let day of days" [value]="day"> 
     {{day}} 
    </option> 
</select> 

<select name="DoBYear" class="form-control" [(ngModel)]="DoBYear" (change)="updateDoB()" (focus)="editingDoB=true" (blur)="editingDoB = editingDoB && false"> 
    <option *ngFor="let year of years" [value]="year"> 
     {{year}} 
    </option> 
</select> 

。

updateDoB(){ 
    this.DoB = ??('[DoBMonth]') + ??('[DoBDay]') + ??('[DoBYear]') 
} 

Answer 1

あなたはここで多くのオプションを持っている、それはあなたが何をしているかに依存しますが、DoB*がすでにngModelを介して結合されているので、あなただけのこれらのプロパティを使用することができます。

this.DoB = this.DoBMonth + this.DoBDay + this.DoBYear; 

あなたもなりますAngularJSで同様のことをすることができます。あなただけのテンプレートでそれを表示したい場合は

あなたは

{{DoBMonth + DobDay + DobYear}} 

を使用することができます...そして、あなたはupdateDoBは必要ありません。

フォーム提出時に生年月日が必要な場合は、ngSubmitのモデルから値を取得できます。同様の方法で値を取得できるように、を使用することもできます。