如何在离子中获取自定义数据属性的值？

Question

我想在 ionic 中获取自定义数据属性的值。我尝试了很多方法，但是 none 其中 me.This 是我的离子-select:

<ion-item>
  <ion-select value="اصفهان" (ionChange)="getCities($event)" [(ngModel)]="model.united" [ngModelOptions]="{standalone: true}" ok-text="تایید" cancel-text="کنسل">
    <ion-select-option value="{{item.name}}" data-id="{{item.id}}" *ngFor="let item of provinces">{{item.name}}</ion-select-option>
  </ion-select>
</ion-item>

我想得到'data-id'在我的method.This是方法：

getCities($event) {
  const provinceId= $event.target.getAttribute('data-id');
}

但它 returns 无效。我该怎么办？

Answer 1

您可以直接将 item 作为值而不是 item.name 传递，并像

一样直接在您的函数中使用

<ion-item>
  <ion-select value="اصفهان" (ionChange)="getCities($event)" [(ngModel)]="model.united" [ngModelOptions]="{standalone: true}" ok-text="تایید" cancel-text="کنسل">
    <ion-select-option [value]="item" data-id="{{item.id}}" *ngFor="let item of provinces">{{item.name}}</ion-select-option>
  </ion-select>
</ion-item>

组件函数

getCities($event) {
  console.log($event, $event.id);
}

Answer 2

target 属性没有 getAtrribute。getAtrribute 属性在 $event 对象中可用。

试试下面的代码

getCities($event) {
  const provinceId= $event.getAttribute('data-id');
}

Example

如何在离子中获取自定义数据属性的值？

How to get value of custom data attribute in ionic?

ionic-framework

angular