0

Есть модель:

form: FormGroup;
model = {
    CATS: {
        label: 'Кошки',
        values: [
            { name: 'petName', label: 'Имя питомца', value: '' },
            { name: 'doctorName', label: 'Имя врача', value: ''},

        ]
    },
    DOG: {
        label: 'Собаки',
        values: [
            { name: 'petName', label: 'Имя питомца', value: '' },
            { name: 'doctorName', label: 'Имя врача', value: '' },
        ]
    },
};

Переключение между кошками и собаками с помощью <mat-chip-list>. Как запомнить вводимые данные поля "Имя врача", чтобы при переключении вкладок оно запоминалось и отображалось одинаково в обеих вкладках? Код тут.

6
  • подписываешься на изменение значения формы, сохраняешь измененное значение в модель
    – arturovt
    24 июл 2019 в 13:53
  • this.form.controls['doctorName'].valueChanges.subscribe (value => { console.log(value); }); так подписываться?
    – Markus
    24 июл 2019 в 15:06
  • да, так, только не забудь отписаться
    – arturovt
    24 июл 2019 в 15:10
  • а как сохранить в модель значение? Я пробовал, в консоли прописывается, а поля на форме все равно пустые при переключении вкладок
    – Markus
    24 июл 2019 в 15:49
  • проверяешь какая форма сейчас активная, идешь в this.models[type].values[name].value = value
    – arturovt
    24 июл 2019 в 16:16

1 ответ 1

0

Подправил, работает https://stackblitz.com/edit/angular-okdchs-2oqez7

поля пустые, потому что в constructForm ты создаешь форму с пустыми значениями + ошибки в inputChange

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.