Шпаргалка по Angular: часто используемые методы разработки на Angular

Вот список часто используемых методов в Angular:

  1. ngOnInit(): этот метод вызывается после инициализации компонента и может использоваться для выполнения задач инициализации.

  2. ngOnDestroy(): этот метод вызывается, когда компонент вот-вот будет уничтожен, и может использоваться для выполнения задач очистки.

  3. ngOnChanges(): этот метод вызывается, когда одно или несколько входных свойств компонента изменяются.

  4. ngDoCheck(): этот метод вызывается во время каждого цикла обнаружения изменений и может использоваться для реализации пользовательской логики обнаружения изменений.

  5. ngAfterViewInit(): этот метод вызывается после инициализации представления компонента.

  6. ngAfterViewChecked(): этот метод вызывается после проверки представления компонента на наличие изменений.

  7. ngAfterContentInit(): этот метод вызывается после инициализации проекции контента (ng-content).

  8. ngAfterContentChecked(): этот метод вызывается после проверки проекции контента (ng-content) на наличие изменений.

  9. ngZone.run(): этот метод используется для явного запуска кода за пределами зоны Angular, что может быть полезно в определенных сценариях.

  10. ViewChild(): этот метод используется для получения ссылки на дочерний компонент или элемент родительского компонента.

  11. ViewChildren(): этот метод используется для получения ссылок на несколько дочерних компонентов или элементов родительского компонента.

  12. ngStyle(): этот метод используется для динамического применения встроенных стилей к элементу на основе свойств компонента.

  13. ngClass(): этот метод используется для динамического применения классов CSS к элементу на основе свойств компонента.

  14. ngIf(): этот метод используется для условной визуализации элементов в шаблоне на основе свойств компонента.

  15. ngFor(): этот метод используется для отображения списка элементов в шаблоне.

  16. ngModel(): этот метод используется для двусторонней привязки данных между элементом ввода формы и свойством компонента.

  17. @Input(): этот метод используется для определения входного свойства, которое может быть передано компоненту из его родительского компонента.

  18. @Output(): этот метод используется для определения выходного свойства, которое может отправлять события из компонента в его родительский компонент.

  19. @HostListener(): этот метод используется для прослушивания событий DOM на хост-элементе компонента.

  20. @HostBinding(): этот метод используется для привязки свойства компонента к свойству основного элемента.