Как установить Ngmodel для вложенного флажка ngFor ion?

У меня есть вложенный флажок ngFor. Все, что мне нужно, это установить NgModel, чтобы проверить, установлен ли флажок ??

<ion-item-group *ngFor = "let patient of Patients; let i= index">
<ion-item-divider color = "light">{{patient.conditionGroup}}</ion-item-divider>
<ion-item *ngFor = "let condition of patient.conditions; let j= index">
<ion-label>{{condition}}</ion-label>
<ion-checkbox id = "{{condition}}" [(ngModel)] = "checkStatus[i][j]" (ionChange) = "mylist(i,j,condition)" color = "danger"></ion-checkbox>
</ion-item>
</ion-item-group>

у меня такой контроллер ..

  {
    this.checkStatus=[];
    this.Patients = [];

    for(var s=0;s<this.Patients.length;s++)
    {this.checkStatus[s]=[];}
    }

How do i check if the checkbox is checked.. error
    ERROR TypeError: Cannot read property '0' of undefined

Пациенты

[
      {
        "conditionGroup": "Family Care",
        "conditions": [
          "Head",
          "Poisoning",
          "Stroke"
        ]
      }
]

в myList () мне нужно поместить отмеченные параметры в массив ..

Пожалуйста, четко опишите свою работу.

— 01.04.2018 08:16

обновить массив пациентов объекта .... и также обновить функцию mylist

— 01.04.2018 08:18

Спасибо за ответ

— 01.04.2018 08:27

Добро пожаловать @karthika

— 01.04.2018 08:31

вам нужно сохранить условие в массиве или также нужен индекс ....

— 01.04.2018 08:51

Как вы хотите хранить в массиве json, пожалуйста

— 01.04.2018 08:58

«Пациент»: [{«conditionGroup»: «Семья», «Условия»: [«лихорадка», «простуда»]}]

— 01.04.2018 12:20

хорошо, вы принимаете один ответ, так что нет необходимости ...

— 01.04.2018 13:00

angular ionic3 ngfor ion-checkbox

01.04.2018 08:10

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

1 399

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Код для контроллера

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  checkStatus = [];
  Patients = [];

  constructor(public navCtrl: NavController) {

    this.initPatients();
  }

  initPatients(){
     this.Patients = [
      {
        "conditionGroup": "Family Care",
        "conditions": [
          "Head",
          "Poisoning",
          "Stroke"
        ]
      },
      {
        "conditionGroup": "Family Care",
        "conditions": [
          "Head",
          "Poisoning",
          "Stroke"
        ]
      },
      {
        "conditionGroup": "Family Care",
        "conditions": [
          "Head",
          "Poisoning",
          "Stroke"
        ]
      }
    ];
     this.updateStatus();
  }
  updateStatus() {
    for (var s = 0; s < this.Patients.length; s++)
    { this.checkStatus[s] = []; }
  }



}

Код для HTML

<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
 <ion-item-group *ngFor = "let patient of Patients; let i= index">
<ion-item-divider color = "light">{{patient.conditionGroup}}</ion-item-divider>
<ion-item *ngFor = "let condition of patient.conditions; let j= index">
<ion-label>{{condition}}</ion-label>
<ion-checkbox id = "{{condition}}" [(ngModel)] = "checkStatus[i][j]" (ionChange) = "mylist(i,j,condition)" color = "danger"></ion-checkbox>
</ion-item>
</ion-item-group>
</ion-content>

я могу загрузить данные пациента, и на странице отображается флажок, но как мне установить флажок, который установлен

— 01.04.2018 08:47

вам необходимо сохранить отмеченные элементы в массиве или обновить массив пациентов с обновлением проверки статуса здесь stackblitz.com/edit/ionic-fiznjd

— 01.04.2018 08:53

Спасибо, мне нужно сохранить все отмеченные элементы в массиве

— 01.04.2018 10:52

01.04.2018 08:41