Блог

У меня есть поле формы с именем Value .

У меня есть кнопка добавления, которая дублирует форму.

У меня есть кнопка таблицы, которая показывает и кнопка возврата, чтобы скрыть таблицу.(Забудьте о кнопке удаления)

В таблице есть столбец, полный флажков. Теперь в таблице я щелкну столько флажков, сколько значений я ввел в форме значений.

Скажем, например, если я ввел 2 в эту форму, я могу щелкнуть до 2 флажков в этой таблице.

После этого я возвращаюсь к форме, нажав кнопку «Назад«.

Моя проблема:

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

Я объяснил свою проблему так ясно, как мог. Если у вас есть сомнения по поводу моего вопроса, пожалуйста, прокомментируйте. Спасибо.

Примечание: В моем stackblitz я опубликовал пример своего кода простым (без расширенного пользовательского интерфейса) способом

Stackblitz: https://stackblitz.com/edit/angular-ivy-g8cty1?file=src/app/app.component.ts

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

Вы можете сделать это с помощью привязки событий:

 <td>
    input  type="checkbox" id="vehicle2" name="vehicle2" 
      (change)="addCheckValue(i,list.isTicked)"
      [checked]="list.isTicked"
      [disabled]="list.isDisabled">
  </td>


  <td *ngIf="list.isDisabled">
            Already disabled
    </td>



addCheckValue(index,isChecked){
    if(isChecked === undefined){
      isChecked = true
    }
    this.listes[index].isTicked = isChecked;

  }



//disabled checked boxes on close 
this.listes = this.listes.map(e => {
      if (e.isTicked === true) {
        e.isDisabled = true;
      }
      return e;
});
 

ваш отредактированный репозиторий