Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.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
Html 角度-选择选项元素上的单击事件_Html_Angular_Typescript - Fatal编程技术网

Html 角度-选择选项元素上的单击事件

Html 角度-选择选项元素上的单击事件,html,angular,typescript,Html,Angular,Typescript,在Angular 4应用程序中,我使用了一个select元素。单击“选择”元素中的某个选项时,我想打开一个对话框。但是,我找不到一个解决方案,如何查询该选项是否被单击。我在select中只有一个选项,因此我无法查询该值是否已更改,因为该值无法更改 选项元素中是否可能有单击事件?您无法收听的单击事件 你可以用 <select ngModel (ngModelChange)="mySelectHandler($event)"> <option *ngFor="let value

在Angular 4应用程序中,我使用了一个select元素。单击“选择”元素中的某个选项时,我想打开一个对话框。但是,我找不到一个解决方案,如何查询该选项是否被单击。我在select中只有一个选项,因此我无法查询该值是否已更改,因为该值无法更改


选项元素中是否可能有单击事件?

您无法收听
的单击事件

你可以用

<select ngModel (ngModelChange)="mySelectHandler($event)">
  <option *ngFor="let value of options" [ngValue]="value">{{value.text}}</option>
</select>

{{value.text}

选择选项后执行代码。

您可以添加禁用的选项,以便使用更改事件,例如:

<select #selectList (change)="setValue(selectList.value)">
                      <option value="null" disabled>Select a Value</option>
                      <option  *ngFor="let o of Options" value="{{ o | json }}">{{c.name}}</option>
</select>

选择一个值
{{c.name}}


请添加一些代码,演示您试图完成的任务、尝试的内容以及失败的地方。*ngFor with index?将索引
let object=this.objectList[i]
加载到对话框中。