невозможно получить значение флажка с помощью ngModel

Question

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

              <ion-item *ngFor='let rep of reponse;let i = index'>
                  <ion-label>{{rep.name}}</ion-label>
                    <ion-checkbox 
                           [(ngModel)]="rep.checked"
                           color="primary" 
                           (ngModelChange)="updatedCheckList(i)"
                           slot="start"
                           >
                    </ion-checkbox>
                  </ion-item>
 <ion-button (click)="onClick()"></ion-button>  

и мой машинописный код: например, я просто пытаюсь console.log значения внутри моего onClick()функция.

private rep: any = {};
reponse = [
  {
    name: 'test',
    checked: false
  },
  {
    name: 'test2',
    checked: false
  },
  {
    name: 'test3',
    checked: false
  },
];

  constructor() { }

  ngOnInit() {

  }

  updatedCheckList(itemIndex: number) {
    this.reponse.forEach((rep, index) => {
      if (itemIndex !== index) {
        rep.checked = false;
      }
    });
  }

  onClick() {
    console.log(this.rep.name);
  }

Не знаю, если это правильный путь, но я нашел решение.В updateCheckList у меня было: this.index = itemIndex; Вот что у меня было в моем .ts файле.

index: number;
 onClick() {
console.log(this.reponse[this.index].name);
  }

Answer 1

Вам не нужно управлять им самостоятельно с помощью updatedCheckList, просто установка ngModel на reponse[i].checked автоматически переключит его при нажатии флажка:

            <ion-item *ngFor='let rep of reponse;let i = index'>
              <ion-label>{{rep.name}}</ion-label>
                <ion-checkbox 
                       [(ngModel)]="reponse[i].checked"
                       color="primary" 
                       slot="start"
                       >
                </ion-checkbox>
            </ion-item>
            <ion-button (click)="onClick()"></ion-button>  

Обновление - Как получить доступ к значениям

Ваши значения всегда есть, но i в шаблоне есть только в шаблоне.

В любом событии по вашему выбору, например, при нажатии кнопки, вы можете получить доступмассив reponse.

Я уже видел ваш другой вопрос, хотите ли вы по-прежнему включать невыбирающие другие (поскольку это плохая идея, пользователи ожидают, что переключатель будет взаимоисключающим, ифлажок должен быть столько «сколько угодно»)

Если вы хотите получить одно конкретное значение флажка, просто используйте номер индекса:

let checked = this.reponse[1].checked;

Если вы хотитечтобы зациклить их, вы можете поставить свой собственный цикл for и сделать что-то с ним:

onClick() {
   for(let index = 0; index < reponse.length; index++) {
     console.log(`Index ${index) has a checked value of ${reponse[index].checked}`);
   }
}

, который покажет вам все значения.

Кстати, используя строки шаблона что является отличным способом сделать строкуОчень удобен для чтения.

Кроме того, это хороший способ изучить основы, но далеко от того, как на самом деле работает Firebase.Вам нужно изучить целый набор концепций, чтобы понять, как firebase сохраняет свои данные, которые вы совершенно не поймете, просто попытавшись продвинуться вперед с самим кодом.Вам нужно найти подходящий учебник для этого.Он использует наблюдаемые потоки и обновления в режиме реального времени, это не похоже на традиционный способ, которым вы могли бы сделать это с помощью mysql и php или чего-то подобного.