如何选择角度2中的元素

时间:2017-06-26 21:05:14

标签: angularjs

我有一堆日期输入(月,日和年),我想把它变成一个字符串。我想从各个元素中获取值,la 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]')
}

1 个答案:

答案 0 :(得分:0)

这里有很多选项,这取决于你在做什么,但由于DoB*已经通过ngModel绑定,你可以使用这些属性:

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

你也可以在AngularJS中做类似的事情。

如果您只想在模板中显示它,可以使用

{{DoBMonth + DobDay + DobYear}}

......你不需要updateDoB

如果您需要在表单提交时对出生日期执行某些操作,则可以从ngSubmit上的模型中获取值。您可能还想使用FormBuilder,这样可以以类似的方式获取值。