Необходимо добавить ReactiveFormsModule в Angular пользовательскую библиотеку, но это не представляется возможным

Question

Я пытаюсь использовать реактивные формы в моей Angular пользовательской библиотеке, которую я создаю. Я вручную добавил @ angular / forms в пакет библиотеки. PeerDependencies json как таковой:

{ "name": "abc-library"
 "version": "0.0.1",
 "peerDependencies": {
  "@angular/common": "7.1.3",
  "@angular/core": "7.1.3",
  "@angular/forms: "7.1.3"
 }
}

Затем я добавил следующий код шаблона в свой компонент:

template: `<form [formGroup] = "abcForm">...</form>'

Когда я пытаюсь построить компонент, я получаю следующую ошибку:

Я не знаю, что делать, потому что это библиотека, не являющаяся частью основного приложения. У меня уже есть Reactive Forms, прекрасно работающие в моем основном приложении. Когда я проверил в Интернете эту ошибку, было решено импортировать ReactiveFormsModule в NgModule, но поскольку в пользовательской библиотеке нет чего-то вроде app.module.ts, я не уверен, что делать.

Answer 1

Обычно вам нужно будет сделать реактивную форму, подобную этой:

import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';

form: FormGroup;

constructor(fb: FormBuilder) {
  this.form = fb.group({
    name: new FormControl(''),
    password: new FormControl('')
  });
}

<form [formGroup]="form">
  <input type="text" formControlName="name" />
  <input type="password" formControlName="password" />
</form>

Пожалуйста, посетите Angular Реактивные формы