Angular 2中的Angular 2 Datalist Option单击事件

时间:2016-08-04 07:21:03

标签: html5 typescript angular angular2-forms html-datalist

我在我的角度2应用程序中有Html 5 datalist控件我想在datalist选项上触发click事件并在选项单击时执行我的角度方法。 我能够在文本框的更改事件中归档此内容,但无法在datalist选项单击上执行相同操作。 我不想使用jquery但只使用Angular 2和typescript。

<div class="paddingBottem20">
                        <label> Search Model ID</label>
                        <input type="text" (keyup)="getModelId(cSetDetail.ModelDescriptionWithID)" 
[(ngModel)]="cSetDetail.ModelDescriptionWithID" class="form-control" list="lstModels"  placeholder="Search Model Id">
<datalist id="lstModels">
<option [value]="'ModelID ' + ' ModelDescription'"></option>
<option *ngFor="let item of lstModels" [value]="item.ModelID + '--' + item.ModelDescription" ></option>
</datalist>
</div>

谢谢, Nishant Kumar

0 个答案:

没有答案