时间戳

首页 > 解决方案 > 如何实现多选框

angular - 如何实现多选框

问题描述

我必须从一组选择框中读取多个值并将其存储在一个数组中，以使数组中的所有值都是唯一的。但是我收到这样的错误：“无法读取未定义的属性 'id' ” 。

我已经尝试过安慰这些价值观。$event 返回值，我期望一个布尔值（真或假）

  <ion-select  id="filter3" *ngIf="filter_type.travels"  (ionChange)="choose_type('travels',travels.id, $event)" multiple="true">
                        <ion-option id="filter3"  *ngFor="let travels of filter_type.travels " [value]="travels.id" [selected] = "false">{{travels.name}}</ion-option>
                </ion-select>

TS

choose_type(type: string, value: any, event: any)
   {
     console.log('Value' , value);
    let index;

    if (event.checked === true)
     {
        this.user_filter[type].push(value);

       }
 else
      {
         index = this.user_filter[type].indexOf(value);
        this.user_filter[type].splice(index, 1);
    }
   console.log('User filter app' , this.user_filter);
}

标签： angularionic-frameworkionic3

解决方案

可能旅行对象可能未定义。使用可选运算符

[value]="travels?.id"

推荐阅读