在ionic 3中动态检查单选按钮

时间:2018-11-29 08:01:23

标签: javascript checkbox ionic3 radio

嗨,大家好,我收到了下面的“杰森回应”:

JSON响应

JSON Response

如果DEFAULT的值等于Y,则我想选中/预选ion-radio和ion-checkbox。 我没有找到解决办法的运气。这些是文件:

我的html文件

this.http.get<ServerResources>("MyUrl").pipe( [...] );

我的ts文件方法是

  <ion-list *ngFor = "let title of data" >
      <ion-row  radio-group name="radio" [(ngModel)]="sortby">
        <ion-item>
          <p>{{title.CUSTOMNAME}}</p>
        </ion-item> 
        <ion-col *ngIf = 'title.TYPE !== "INC";else checkb'>
          <div  *ngFor = "let customItems of title?.DET; let i = index;">
          <ion-item *ngIf = 'customItems.DEFAULT !== "Y";else redcheck'>

            <ion-label>{{customItems.CUSTOMDATNAME}}</ion-label>
            <ion-radio (ionSelect)="selectRad(customItems)" [value]="customItems"></ion-radio>

          </ion-item>
          <ng-template #redcheck>
              <ion-item>

                  <ion-label>{{customItems.CUSTOMDATNAME}}</ion-label>
                  <ion-radio (ionSelect)="selectRad(customItems)" [value]="customItems"  [checked]="i==0"></ion-radio>

                </ion-item>
          </ng-template>
        </div>
        </ion-col>
        <ng-template #checkb>
            <ion-col>
                <ion-item  *ngFor = "let customItems of title?.DET">
                    <ion-label>{{customItems.CUSTOMDATNAME}}</ion-label>
                    <ion-checkbox [(ngModel)]="customItems.checked" (ngModelChange)="selectCat(customItems,$event)"></ion-checkbox>
                </ion-item>
              </ion-col>
        </ng-template>
      </ion-row>
      <ion-buttons end>
        <button ion-button (click) = "submitCustomisation()">
          Save
        </button>
      </ion-buttons>
    </ion-list>

为了更加清楚,我添加了该应用程序的屏幕截图:

App Screenshot

在这种情况下, Patal&Sukhi Pav(2件)的默认值是Y,我想选择/选中这两个选项。

0 个答案:

没有答案