javascript - 触发单击 Angular 2 中选择的第一个选项

标签 javascript typescript angular

这是我在 html 中的选择:

<select id="editProfileForm:AttributesList" 
              name="editProfileForm:AttributesList" 
              size="6" class="allLists" 
              [(ngModel)]="atr1"  >
   <option *ngFor="#attr of attributes"(click)="onSelect(attr, attr.domainDiscrete)">
        {{attr.name}}              
   </option>
</select>

这是我在组件中的代码:

onSelect(attclickname: Attribut, statusDiscret: boolean) 
 { 
 this.selectedAttr = attclickname; 
 this._discret = statusDiscret;

 }

当我点击选项元素(即属性名称)时,我得到这个属性的运算符和值,我想要第一个选项或点击默认

最佳答案

<option>元素不会触发 click事件。您需要申请(click)绑定(bind)在 <select>元素。

另请参阅onclick on option tag not working on IE and chrome

关于javascript - 触发单击 Angular 2 中选择的第一个选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37752809/

相关文章:

javascript - 如何根据条件禁用整个表行 - AngularJS?

angular - Electron-Angular 在 ipc 事件上打开客户端对话框

javascript - 类型 'Subscription' 缺少类型 'Observable<any>' : _isScalar, 源、运算符(operator)、提升和其他 6 个属性的以下属性

javascript - 恢复到旧版本的 Ionic 2 CLI

angular - @ngrx/store reducer 有效负载验证保护

javascript - 如何循环遍历mapbox中的图层数组来监听点击事件?

javascript - Google Chrome 调试器工作异常

javascript - 在 hh :mm:ss using moment 中显示秒数

typescript - 在单独的文件中创建 typerscript 类并在 angular2 组件中使用它们

angular - 带有货币的 PrimeNG p-inputNumber 不会强制仅使用移动设备输入数字