问题标签 [lifecycle-hook]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
2866 浏览

angular - Angular(2+):我如何从父组件知道所有子组件何时初始化?

是否存在所谓的“ngAfterAllChildrenInit”生命周期钩子,因为 ngAfterViewInit 在孩子的 ngOninit 之前被调用,

我试图避免使用 setTimeOut 进行黑客攻击或从所有孩子那里发出事件并收集它们,然后做我想做的事情(这取决于孩子们的初始化)

它似乎很常见,为什么它不是角度的一部分?

0 投票
1 回答
272 浏览

angular - Angular 生命周期钩子 ngOnChanges

我想在每次更改角度视图后更新一个变量。

如何在不使用@input装饰器的情况下以角度实现?

0 投票
1 回答
30 浏览

angular - 无论初始路由器端点如何,在创建角度应用程序实例时运行的服务

我有一个身份验证服务,我想在创建应用程序实例时运行它。我不知道该怎么做。

该服务将做的许多事情之一是检查 localstorage 是否包含 JWT(我使用的是 Angular 应用程序,因此我受到 xss 的保护),如果包含,则从服务器获取登录权限和信息。

无论我的初始路由点在哪里,我都希望这项服务能够运行。

所以它适用于

根/完全/真棒/路线/点

说得通?我问这个问题是因为我真的不知道。我目前正在检查life cycle hooks

所以没有要使用的生命周期钩子:

无论当前导航到哪个视图,应用程序组件是否都在应用程序实例上运行?如果是这样,我想我可以在应用程序组件中做一个ngOnInit生命周期挂钩,并使用提供程序数组注入服务应用程序。

所以看来我需要获取app.component.ts文件并添加一个构造函数和ngOnInit生命周期钩子来检查授权服务。并完成登录用户所需的必要工作并显示相关权限

0 投票
5 回答
13909 浏览

amazon-web-services - 在 EC2 终止时调用脚本

我必须在 AWS 自动缩放缩减事件期间采取某些措施。ec2 实例应该能够将一些日志和报告保存到 S3 存储桶。这可能需要 5 到 15 分钟。

我已经有一个在终止时调用的脚本:

ln -s /etc/ec2-termination /etc/rc0.d/S01ec2-termination

然而,脚本在 5 分钟内突然结束。我正在考虑利用 AWS LifeCycle 挂钩来延长 EC2 的生命周期。文档并不清楚以类似于用户数据脚本的方式调用脚本。

有多种方法可以使用 AWS lambda 或 SNS 来接收通知。这可以潜在地用于通知 ec2。

但是,我想知道这个问题是否有更简单的解决方案。有没有办法注册一个带有生命周期钩子的脚本,该钩子在缩减事件中被调用。

0 投票
2 回答
1674 浏览

javascript - OnChanges 不会在部分对象更改时触发

我在触发 Angular(6) 的onChanges生命周期挂钩时遇到问题。在将参数从组件发送到指令时,我想挂钩更改。

触发器完美地适用于一维变量,而对象未正确触发。特别是如果多维对象的一部分被传输到子指令。至少它有效,但OnChange钩子只触发一维变量。

仔细查看 StackBlitz,我在其中提供了一个可执行示例。介意打开控制台,看看,触发了哪个生命周期: https ://stackblitz.com/edit/angular-vhaews

app.component.ts

app.component.html

canvas.directive.ts

免责声明:这个问题是一个更大问题的一部分,我试图找出主要问题。所以请不要看太多细节,它实际上是关于生命周期钩子和多维对象。

0 投票
2 回答
1776 浏览

angular - 当我们谈论 OnInit 时,Angular 2+ 中组件初始化的确切含义是什么?

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

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

0 投票
1 回答
1705 浏览

javascript - componentDidUpdate() working mostly, but not rendering new data

I am using the componentDidUpdate() method and for the most part, it is doing what it should. It runs the function to get the data from the API as well as logs it to the console. The problem is that it does not render the new data on the front end. The only time it renders the new data is if the component actually mounts (if the page is refreshed). I feel like I'm very close, but have hit a dead end. Here is my code:

0 投票
4 回答
6162 浏览

angular - Angular 4:ngDoCheck 与 ngAfterViewChecked 之间的区别

在 Angular 2+ 中,ngDoCheckngAfterViewChecked似乎执行相同的功能。 ngDoCheck据说只要触发更改检测就会被调用。现在这个变化检测将随着 View 的变化而触发。根据文档,ngAfterViewChecked每当视图更改时都会调用。

当一个就足够时,这里需要两个生命周期钩子吗?

0 投票
1 回答
719 浏览

angular - ngOnChanges 不间断地触发并使应用程序不响应

我构建了一个名为“gw-responsive-tabs”的组件,该组件具有一个带有变量(navLinks)的输入,该变量是我要显示的选项卡的数组。当我像这样从 html 传递输入数据时:

然后一切都按预期工作,我可以看到 2 个选项卡。

如果我更改它并使用 getter 或函数发送相同的数据,那么 gw-responsive-tabs 组件的 ngOnChanges 会以非常高的频率不间断地触发,并且从那时起,chrome 没有响应。

和html:

有什么想法会导致这种现象吗?

0 投票
1 回答
42 浏览

jsdata - JS-Data v3.0 在生命周期钩子中停止执行

我正在使用 js-data v3.0,update如果在保存时更改了记录,我正在尝试防止存储注入从我的 API 收到的记录。

在 js-data v2.9 中,可以通过调用带有错误作为参数的回调来中止生命周期(文档

现在在 v3.0 中,我正在使用 mapper#afterUpdate() 生命周期挂钩(docs),但我不知道如何中止生命周期。