betway东盟体育app离子页生命周期

本指南涵盖了页面生命周期如何在具有离子和角度构建的应用程序中运作。betway东盟体育app

角生命周期事件

betway东盟体育app离子包含Angular提供的生命周期事件。您最多使用的两个角度事件是：

有关角度组件生命周期活动的更多信息，请访问他们的组件生命周期文档。

betway东盟体育app离子页面事件

除了角度生命周期事件外，离子角还提供了一些您可以使用的其他事件：betway东盟体育app

和...之间的不同Ionviewwillenter和IonviewDidenter是他们开火的时候。前者起火之后ngoninit但是在页面过渡开始之前，过渡结束后的后者直接。

为了IonviewWillleave和IonviewDidleave，，，，IonviewWillleave在从当前页面开始过渡之前直接被调用，并且IonviewDidleave直到新页面成功过渡到新页面之后，才被打来电话IonviewDidenter火）。

离子如何betway东盟体育app处理页面的寿命

betway东盟体育app离子有其路由器插座，称为。这个插座扩展了Angular的<路由器输出 />具有一些其他功能，可以为移动设备提供更好的体验。

当应用程序包裹时，离betway东盟体育app子对待导航的方式有所不同。当您导航到新页面时，Ionic将将旧页面保存在现有的DOM中，但请betway东盟体育app将其从视图中隐藏并过渡新页面。我们这样做的原因是两个方面：

1. 我们可以维护旧页面的状态（屏幕上的数据，滚动位置等。）
2. 由于它已经存在并且不需要重新创建页面，因此我们可以提供更平滑的过渡到页面。

例如，在“弹出”时，仅通过按UI或浏览器返回按钮时将页面从DOM中删除。

由于这种特殊处理，ngoninit和ngondestroy当您通常认为他们应该这样做时，方法可能不会发射。

ngoninit每次新鲜创建页面时，只会开火，但不会在导航回页面时发射。例如，在选项卡接口中的每个页面之间导航只会调用每个页面的ngoninit方法一次，但不进行后续访问。ngondestroy只有在“弹出”页面时才开火。

路线守卫

在离子betway东盟体育app3中，还有几种其他生命周期方法可用于控制何时可以输入页面（IonviewCanenter） 走了 （IonviewCanleave）。这些可用于保护页面免受未经授权的用户的影响，并在您不想离开时将用户保留在页面上（例如在表格填充期间）。

在离子4中除去了这些方法，以使用Angular的路线护罩。betway东盟体育app

路线警卫有助于确定是否可以针对路线采取特定的动作。它们是实现特定接口的类。这引起活力和糖尿病接口可用于实现与删除事件的相同类型的逻辑IonviewCanenter和IonviewCanleave做过。

@注射（（）
出口班级Authguard工具引起活力{
构造函数（（私人的Authservice：Authservice）{}

引起活力（（路线：ActivatedRoutesnapshot，，，，状态：RouterStatesNapshot）{
返回这。Authservice。术语化（（）;
}
}

要使用此护罩，请将其添加到路由定义中的适当参数中：

{小路：“设置”，，，，引起活力：[[Authguard这是给予的，，，，负载童年：'...'，，，，}

有关如何使用路线警卫的更多信息，请转到Angular的路由器文档。

每个生命周期方法的指导

以下是每个生命周期事件的用例的一些技巧。

• ngoninit- 初始化您的组件和加载数据中的数据，这些数据不需要在随后的每个访问中刷新。
• Ionviewwillenter- 自从Ionviewwillenter每次将视图导航到（无论是否初始化）时，都会称呼它，这是从服务加载数据的好方法。但是，如果您的数据在动画期间返回，它可能会启动大量的DOM操作，这可能会导致一些Janky动画。
• IonviewDidenter- 如果您看到使用的性能问题Ionviewwillenter加载数据时，您可以进行数据调用IonviewDidenter反而。但是，在用户可见页面之后，此事件才会发射，因此您可能需要使用加载指示器或骨架屏幕，因此在过渡完成后，内容不会在非自然的情况下闪烁。
• IonviewWillleave- 可用于清理，例如从可观察物中取消订阅。自从ngondestroy从当前页面导航时可能不会发射，如果您不希望它在屏幕不在查看时，请将清理代码放在此处。
• IonviewDidleave- 当此事件启动时，您就会知道新页面已经完全过渡，因此，当视图可见时，您通常不会执行任何逻辑。
• ngondestroy- 您不想清理的页面清理逻辑IonviewWillleave。