时间戳

首页 > 解决方案 > 获取ionic4中离子选择选项的名称

javascript - 获取ionic4中离子选择选项的名称

问题描述

我无法从离子选择中获得名称。我可以使用[(ngmodel)]. 但是我可以找到如何从选定的离子选择选项中获取名称。

<ion-item>
      <ion-select placeholder="Select User"  [(ngModel)]="selectedUser" (ionChange)="selectedUser1(selectedUser)" style="width:100%;max-width:100%;">              
          <ion-select-option *ngFor="let item of user" value="{{item.pos_id}}">{{item.pos_name}}</ion-select-option>
        </ion-select>
    </ion-item>

我需要{{item.pos_name}}在 typescript 变量中获取 - 名称。请帮我获取所选离子选择选项的名称

标签： javascriptionic-frameworkionic4

解决方案

1 选项：您可以遍历User数组以查找名称和其他信息。

selectedUser1(selectedUser){
 this.user.map(val, index){
   if(selectedUser == val.pos_id){
     console.log(val); // this will print your complete object of user.
  }
 }
}

2 选项：将名称作为值与您的 id 一起传递。

<ion-select-option *ngFor="let item of user" value="{{item.pos_id}}, {{item.pos_name}}">{{item.pos_name}}</ion-select-option>
您将在selectedUserngModel 中获得 id 和 Name。您可以根据需要拆分它。

推荐阅读