首页 > 解决方案 > 离子选择设置变量然后触发控制?

问题描述

在这种情况下可以使用离子选择吗?

我有一个对象数组:

"AvailableCarrierServices": [
        {
            "HumanReadable": "FEDEX GROUND",
            "ParcelCarrierServiceCode": "FDEG",
            "AppPinnedService": true,
            "SelectedService": false,
            "SaturdayDeliveryAvailable": false
        },
        {
            "HumanReadable": "FEDEX PRIORITY OVERNIGHT",
            "ParcelCarrierServiceCode": "FDE",
            "AppPinnedService": false,
            "SelectedService": false,
            "SaturdayDeliveryAvailable": true
        },
        {
            "HumanReadable": "FEDEX STANDARD OVERNIGHT",
            "ParcelCarrierServiceCode": "FDE",
            "AppPinnedService": false,
            "SelectedService": false,
            "SaturdayDeliveryAvailable": false
        }]

我让它们显示在离子选择器中。当其中一个被选中时,我想切换 selectedService 标志 = true。然后我还想触发一个复选框,显示“SaturdayDeliveryAvailable”=true。有没有一种简单/有效的方法可以使用离子选择来做到这一点?

这是我此时的离子选择:

  <ion-item>
      <ion-label>Carrier</ion-label>
      <ion-select interface="action-sheet">
        <ion-select-option *ngFor="let item of orderfulfillmentservice.orderDetails?.AvailableCarrierServices"
          value="item">
          {{item.HumanReadable}}</ion-select-option>
      </ion-select>
    </ion-item>

这正确显示了运营商。但我希望在选择一个时触发上述操作。

标签: angularionic-frameworkionic3ionic4ionic5

解决方案


推荐阅读