Проверьте радио кнопку динамически в ионном 3 - PullRequest
0 голосов
/ 29 ноября 2018

Привет, ребята. У меня есть этот ответ Json, ниже которого я утешил:

Ответ JSON :

JSON Response

Я хочу проверить/ Предварительно установите флажки ion-radio и ion, если значение DEFAULT равно Y. Мне не повезло найти решение.Это файлы:

мой html-файл

  <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>

мой ts-файл имеет следующие методы:

 submitCustomisation(){

    this.result=this.selectedArrayCust;

    this.resultRad = this.custValue;
    console.log("Vlue check",this.resultRad);
   console.log("checkstorage",this.result);
  }

  selectCat(data){
    if (data.checked == true) {
      this.gotta = this.selectedArrayCust.push(data)
       //localStorage.setItem('cuisinearray',this.gotta);
     } else {
      this.selectedArrayCust.pop(data)
      let newArray = this.selectedArrayCust.filter(function(el) {
        return el !== data;
     });
      this.selectedArrayCust = newArray;
    }
    console.log("From CheckBox",this.selectedArrayCust);
   }

   selectRad(data){
    console.log("Radio data",data);
    this.custValue = data;
 }

Чтобы сделать его более понятным, я добавил скриншот приложения:

App Screenshot.

В этом случае Патал и Сухи и Пав (2 шт.) имеют значение ПО УМОЛЧАНИЮ Y, и я хочувыбрать / проверить эти две опции.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...