Что означает этот код ниже? Я только начинающий

Question

У меня проблемы с пониманием приведенного ниже кода

@Component({
  selector: 'app-heroes',
   templateUrl: './heroes.component.html',
   styleUrls: ['./heroes.component.css']
})
export class HeroesComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

Мои сомнения: что мы делаем в разделе экспорта clss HeroesComponent?а что такое OnInit, конструктор и ngOnInit?

Answer 1

Из вашего вопроса я пришел к выводу, что вы новичок в сообществе Angular.

OnInit - это интерфейс.В файле наборов данных lifecycle_hooks.d.ts он определен как

интерфейс экспорта OnInit {ngOnInit (): void;}

Используется -> Хук жизненного цикла, который вызывается после инициализации привязанных к данным свойств директив и компонентов. (Или непосредственно перед инициализацией, если вы хотите выполнить какую-либо задачу, вы пишете в этом ngOnInit() {} method)

Стоит отметить, что (возможно, это не очень полезно в вашем случае) - родительский OnInit вызывается до того, как он становится дочерним.Также он вызывается только один раз, когда создается директива *.

constructor () - это метод, который будет вызываться, когда Angular создает объект вашего класса.

Так же, как OnInit, существует нескольколовушки жизненного цикла. То, как вы его используете, аналогично OnInit -> реализует интерфейс и определяет метод, и вы можете записать любой код, который вы хотите запустить на этой стадии жизненного цикла компонента.Ниже приведен порядок вызова этих крючков.

Пометьте его как решенное, если я смог решить вашу проблему.

Answer 2

Constructor, ngOnInit - это всего лишь методы внутри класса.В общем случае метод конструктора будет вызываться при создании экземпляра класса (т.е. компонента здесь), тогда как ngOnInit будет вызываться после создания DOM для компонента.

Подробнее,

Процесс угловой загрузки состоит из двух основных этапов:

• построение дерева компонентов
• обнаружение текущих изменений

Конструктор компонента вызывается, когда Angular создает дерево компонентов.Все хуки жизненного цикла, включая ngOnInit, вызываются как часть фазы обнаружения изменений.

Использование: Конструктор в основном используется для внедрения зависимостей, и любая инициализация относительно компонента инициализируется в ngOnInit.Чтобы использовать метод ngOnInit, нам нужно реализовать интерфейс OnInit из угловой библиотеки.