Как автоматически вызвать функцию / выполнить код в Angular?

Question

У меня есть код в функции, который мне нужен для инициализации других переменных.Однако эта функция не вызывается, пока я не вызову ее через другой тег в html.Есть ли способ, которым я могу инициализировать эту функцию или написать код таким образом, чтобы код выполнялся автоматически, как только проект начинает выполнять загрузки веб-сайта?

Answer 1

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

хуки жизненного цикла

Здесь вы можетепрочитайте о перехватчике жизненного цикла OnInit (), который запускается при загрузке компонента (после конструктора) и является идеальным местом для просмотра инициализируемых переменных / вызывающих функций и т. д.

public ngOnInit(): void 
{
   //execute logic
   this.exampleText = 'Hello Component';
}

, просто убедитесь, что он реализованв вашем классе, как это

export class youClassHere implements OnInit {

    public exampleText: string;

    public ngOnInit(): void 
    {
       //executing logic on component load
       this.exampleText = 'Hello Component';
    }
}

Answer 2

Вы можете реализовать событие OnInit и сделать это там.Взгляните сюда OnInit .Отметьте здесь, если вы хотите узнать больше о Lifecycle Hooks .Альтернативный вариант - использовать constructor.Но это выполняется при инициализации класса.

class MyComponent implements OnInit {
  ngOnInit() {
    // ...
  }
}