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

yiytaume 于 2023-02-01 发布在 Ionic

关注(0)|答案(2)|浏览(176)

我想得到我的自定义数据属性的值。我尝试了很多方法，但没有一个适合我。这是我的离子选择：

<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'。这个方法是：

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

但它返回null。我该怎么办？

ionic-framework

来源：https://stackoverflow.com/questions/70401538/how-to-get-value-of-custom-data-attribute-in-ionic

2条答案

按热度按时间

mfuanj7w1#

您可以将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" *ngFor="let item of provinces">{{item.name}}</ion-select-option>
  </ion-select>
</ion-item>

分量函数

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

赞(0）回复(0）举报 2023-02-01

ecr0jaav2#

target属性没有getAtrribute。getAtrribute属性在$event对象中可用。
尝试以下代码

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

Example

赞(0）回复(0）举报 2023-02-01

我来回答

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

2条答案

相关问题

热门标签

最新问答