Arhn - архитектура программирования

Angular 2 — ES6 — активировать валидатор формы в зависимости от значения флажка


  • Каково содержание содержимого метода shouldCreateNewTeam? Я думаю, что проблема заключается в том, чтобы вызвать его в построителе форм... Спасибо! 07.03.2016
  • Обновлено. Переименовал мои переменные при размещении здесь. Пропустил это как-то. 07.03.2016

Ответы:


1

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

this.checkbox.valueChanges
    .subscribe(
      (value) => { this.name.updateValueAndValidity(); }
    );

Что касается значения флажка, вы указываете его как значение (это примитивный тип, а не ссылка), поэтому Angular2 не может его обновить. Чтобы иметь доступ к текущему значению, вам нужно предоставить сам элемент управления (ссылку) и использовать его свойство value:

function nameValidator(checkboxCtrl) {
  return function(control) {
    let checkbox = checkboxCtrl.value;
      if (checkbox && !control.value)
          return { required: true };
      return null;
  }
}

Вот новый способ создания элементов управления:

this.checkbox = new Control(false);
this.name = new Control('', nameValidator(this.checkbox));

Вот соответствующий планкр: https://plnkr.co/edit/bA3Y3G4oAk9wanzNMiS2?p=preview.

07.03.2016
Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..