Angular 4在选择更改时获取属性数据值 [英] Angular 4 On select change get attribute data value

问题描述

我在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屋！