Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度4-如何获取从组合框中选择的值?_Angular_Combobox - Fatal编程技术网

Angular 角度4-如何获取从组合框中选择的值?

Angular 角度4-如何获取从组合框中选择的值?,angular,combobox,Angular,Combobox,我是Angular的新手,在尝试获取从组合框中选择的选项的值时遇到困难。我想做的是,将所选内容的值输入到名为selectedEmployee的变量中,然后使用该值将不同的值打印到表中。感谢您的帮助!提前谢谢 这是我的emp-info.ts: 导出类EmpInfo{ EmpKey:数字; EmpID:字符串; 名字:字符串; LastName:string; EmpStat:字符串; 起始日期:日期; 调整开始:日期; 周年纪念:数字; 年份:数量; STDLTD:数字; 不带电:数字; 第二部

我是Angular的新手,在尝试获取从组合框中选择的选项的值时遇到困难。我想做的是,将所选内容的值输入到名为selectedEmployee的变量中,然后使用该值将不同的值打印到表中。感谢您的帮助!提前谢谢

这是我的emp-info.ts:

导出类EmpInfo{
EmpKey:数字;
EmpID:字符串;
名字:字符串;
LastName:string;
EmpStat:字符串;
起始日期:日期;
调整开始:日期;
周年纪念:数字;
年份:数量;
STDLTD:数字;
不带电:数字;
第二部分:数量;
请求:数目;
剩余:数量;
PTOBase:数字;
进位:数字;
数字:数字;
余额:数字;
请求:数目;
剩余:数量;

}
您需要使用以下型号:

<select id="empName" [(ngModel)]="selectedEmployee" (ngModelChange)="employeeSelected($event)">
      <option selected="selected" disabled>Employee Name...</option>
      <option *ngFor="let emp of empInfo" [value]="emp.EmpKey">{{emp.EmpID}}</option>
</select>
如果需要,您可以处理选择事件:

// Here we handle the model's change event. 
  employeeSelected(event) {
    console.log('selected employee: ' + event);
  }

一些文档:。

@rcarc我很高兴它有帮助!感谢您发布如此完整的问题!;)
// Here we handle the model's change event. 
  employeeSelected(event) {
    console.log('selected employee: ' + event);
  }