Блог

решения по проектированию подсистемы библиотеки фреймворков waarom

привет! я новичок в angular и столкнулся с проблемой, которую, похоже, не могу решить должным образом, что означает, что я мог бы сделать действительно длинный и большой оператор if, но тогда я бы ничему из этого не научился. Проблема в том, что у меня есть большая форма, которую можно разделить на 4 раздела, в каждом разделе есть 5 полей ввода. для перехода на следующую веб-страницу я хочу потребовать, чтобы вы полностью заполнили 2 или более разделов.

Я попробовал следующее

 tabel11: new FormGroup({
        tabel11A: this.tabel11A,
        tabel11B: this.tabel11B,
        tabel11C: this.tabel11C,
        tabel11D: this.tabel11D,
        tabel11E: this.tabel11E
      })
 

 if(this.inputTabelForm.get('tabel9').valid){
      i = 1;
    }
    if(this.inputTabelForm.get('tabel10').valid){
      i = 1;
    }
    if(this.inputTabelForm.get('tabel11').valid){
      i = 1;
    }
    if(i >= 2){
      return true;
    }
 

кажется, что когда ничего не заполнено, поэтому, когда все поля равны нулю, они по-прежнему воспринимаются как действительные, что делает это намного сложнее для меня.
Если кто-то знает, как вы должны решить эту проблему, это было бы здорово!

При проверке this.inputTabelFrom.get('tabelx') вы проверяете всю подтаблицу как объект, а не все конкретные экземпляры подтаблицы. Если вы хотите проверить, заполнены ли все входные данные в одной из подчиненных форм, вам нужно будет проверить все входные данные этой подчиненной формы. Для получения дополнительной информации о проверке формы с помощью Angular, пожалуйста, проверьте это.