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() {
    // ...
  }
}

Answer 3

您可以在类中实现OnInit生命周期，并在OnInit内调用函数，以便在安装组件时调用它。

如何在Angular中自动调用函数/执行代码？

3 个答案: