Внедрение зависимостей не работает в приложении angular

Question

У меня проблемы с доступом к свойствам моей службы. Как вы можете видеть на изображениях ниже, декораторы и импорт в порядке, а сама служба была правильно добавлена ​​и внедрена. Похоже, я не понимаю, что вызывает ошибку, поскольку соблюдается "нормальная процедура" внедрения зависимостей. Рассматриваемая служба - это служба регистрации. Есть какие-нибудь советы по решению проблемы? Заранее спасибо.

app.module.ts

register.component.ts

register.service.ts

Часть компонента register. html

Я получаю ошибки (все похожие ):

**

Файлы:

Answer 1

Я указываю на 2 ошибки в приведенном выше фрагменте кода.

1. Да Очевидно, при реализации ловушки жизненного цикла OnInit в классе RegisterService. Поскольку все хуки жизненного цикла предназначены для компонентов, а не для служб.

2. Поскольку вы уже добавили строку ниже в класс RegisterService.

@ Injectable ({providedIn: 'root'})

Вам не нужно снова добавлять этот класс обслуживания в массив поставщика app.module .ts класс. Поскольку @Injectable({providedIn: 'root'}) уже означает, что вы внедрили услугу на уровне root.

Answer 2

Только экземпляры директив и компонентов имеют жизненный цикл, поэтому register.service.ts создается как компонент

Answer 3

сервисы не поддерживают жизненный цикл компонентов, таких как OnInit et al. c

ваш сервис может быть таким

@Injectable()
export class FormService {
  contactForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.createContactForm();
  }

  createContactForm(){
    this.contactForm = this.formBuilder.group({
      fullName: [''],  
      email: [''],
      message: ['']
    });
  }
}

пример