Angular 4在选择更改时获取属性数据值 [英] Angular 4 On select change get attribute data value
本文介绍了Angular 4在选择更改时获取属性数据值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在component.html中的代码
My code in component.html
<select class="form-control input-sm" [(ngModel)]="o.id" formControlName="optionals" (change)="menuChange($event)">
<option *ngFor="let menu_optional of menu_optionals" value="{{ menu_optional.id }}" [attr.data-somedata]="menu_optional.id">{{ menu_optional.name }}</option>
</select>`
这就是我的component.ts
And thi my component.ts
menuChange(event) {
console.log(event.data);
}
返回为undefined
我想从数据中获取价值.
I want get value in data-somedata..
推荐答案
由于您的attr.data-some-data
值与value
相同,因此您可以简单地编写:
As your attr.data-some-data
value is the same as value
you can simply write:
console.log(event.target.value);
但是,如果您真的想获取该数据属性,请使用以下代码:
But if you really want to get that data-attribute then use the following code:
const selectEl = event.target;
const val = selectEl.options[selectEl.selectedIndex].getAttribute('data-somedata');
// or
const val = selectEl.options[selectEl.selectedIndex].dataset.somedata;
这篇关于Angular 4在选择更改时获取属性数据值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文