【问题标题】:What is the exact meaning of component initialization in angular 2+, when we talk about OnInit?当我们谈论 OnInit 时,Angular 2+ 中组件初始化的确切含义是什么?
【发布时间】:2018-11-11 17:58:45
【问题描述】:

根据 Angular.io Angular Documentation on Life cycle hooks OnInit 的目的: 在 Angular 首次显示数据绑定属性并设置指令/组件的输入属性后初始化指令/组件。

那么当说组件已经初始化时究竟会发生什么。是初始化了所有变量还是显示了组件的模板,还是两者都有?

【问题讨论】:

    标签: angular ngoninit lifecycle-hook


    【解决方案1】:

    那么当说组件已经初始化时究竟会发生什么。 这是否意味着所有变量都已初始化或组件的 模板是显示还是两者都显示?

    渲染标记,绑定绑定,注入子视图/组件。换句话说,从现在开始,你可以从组件代码做任何事情。您可以将其威胁为“Angular Construction”方法并在那里执行所有组件初始化工作。它与 EJB 中的@PostConstruct 概念非常相似。

    【讨论】:

    • 当然,只有一件事。这个特定组件的内容和视图没有在这个生命周期钩子中初始化(如果外部代码没有投射到这个组件),对吧?
    【解决方案2】:

    ngOnInit 在 Angular 创建组件后很有用。因此,当构造函数完成其工作时,该组件被称为已初始化,并且它具有指定的属性,您现在可以在 ngOnInit 中初始化这些属性。

    我希望这会有所帮助!

    【讨论】:

    • 不,创造是什么意思。就像组件的所有部分都创建了什么?就像在 AfterViewInit 中一样,视图已初始化,因此很明显,此处未初始化视图,并且在 AfterContentinit 中投影了外部内容。那么这是否意味着在 oninit 中为组件初始化内容?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-07-07
    • 1970-01-01
    • 1970-01-01
    • 2014-10-23
    • 2018-04-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多