问题标签 [ngoninit]

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 投票
1 回答
802 浏览

angular - 指令的onInit方法在父元素隐藏再显示时被多次调用

在上面的代码片段(Angular 2)中,我将变量从trueto更改为false,因此指令不会呈现,接下来当我尝试再次将变量设置为 true 时,会再次onInit从指令中调用。

我希望仅在第一次加载指令期间调用 ngOnInit 方法。

为什么每次变量值从 false ngOnInit true 更改时都会调用我的指令 ngOnInit。

有什么建议么。

0 投票
1 回答
96 浏览

javascript - 为什么我无法访问在 ngOnInit 上设置的对象

最近遇到了一些问题,想知道为什么我无法访问在 ngOnInit 函数中设置以供以后使用的对象,就像在另一个函数中一样?

我想this.appointmentDetailId在我的cancelAppointment()函数中访问和使用,但它是undefined. 希望有人可以提供帮助。谢谢。

这是我的代码:

0 投票
1 回答
850 浏览

angular - 无法更改 ngOnInit() 中的变量值

我有一个带有 2 个文本输入和一张传单地图的简单表单,一旦用户点击地图,我就会得到该位置的经度和纬度。

我正在功能中设置地图ngOnInit(),并且一旦用户单击,我就有一个要设置的纬度全局变量。然后在表单提交中,当我尝试控制台记录 this.latitude 时,它​​总是显示未定义或 0,以防我将其初始化为 0。

这是我的组件:

简短版本:如何在内部设置变量值,ngOnInit()然后在同一组件的其他函数中检索该值?我错过了什么?任何帮助,将不胜感激。谢谢

0 投票
2 回答
904 浏览

angular - 为什么不应该在 Angular 组件的构造函数中进行数据初始化?

我是 Angular 6 的新手。我需要通过 API 调用初始化所有下拉字段。很多开发者建议数据初始化的 api 调用应该在 ngOninit 内部完成,而不是通过构造函数来完成?谁能告诉我这背后的原因?

0 投票
0 回答
172 浏览

angular - 未在标头组件上调用 NgOnInit

我有一个 Angular 应用程序,它使用 2 个名为 Header 和 Footer 的组件。Header 组件包含一个 ngOnInit 方法:

但是,当我尝试加载页面时,不会调用此方法,但我看到页面上设置了页眉和页脚。
标头包含一个登录按钮,该按钮启动一个弹出窗口,供用户提供他/她的凭据。成功登录后,用户应该停留在同一页面上,但标题应该从显示登录按钮更改为显示 MyAccount 按钮。标题的片段是:

对此的任何帮助表示赞赏。

0 投票
1 回答
96 浏览

angular - 在 ngOnInit 而不是在 Angular 的 Constructor 中定义服务的好处

我知道ngOnInit()构造函数和构造函数不同的一些事实。我也遇到过很多例子,其中服务是在ngOnInit()方法而不是在构造函数中定义的,反之亦然。

但是 Angular 并不禁止在构造函数级别使用服务。如果是这种情况,与在 中定义服务相比,这样做有什么好处ngOInit()

例子:

0 投票
2 回答
7695 浏览

angular - 角阵列变化检测

我是 Angular 的初学者,我找不到适合我的问题的解决方案。

我有一个包含表的组件,其中填充了项目列表(列表中的每个项目都在另一个组件中),并且第三个组件包含过滤器。过滤器包含多个复选框和一个过滤器按钮。

我将复选框状态的布尔数组从 filterComponent 通过 itemsListComponent 发送到 singleItemComponent 并且它工作正常。我的问题是更改检测。当我使用不同的 NgDoCheck 时,它总是在我单击复选框和过滤器按钮而不是仅过滤器按钮时起作用。

我尝试了 NgOnChanges 但它只工作了一次,然后它没有看到数组中的值有任何变化。

这是我的 SingleItemsComponent(我认为您不需要其他人来帮助我解决这个问题)。看看这个,请给我看任何解决这个问题的例子。

我为代码中的混乱感到抱歉,但我尝试了很多东西,我什至不记得是什么。谢谢你的帮助。

过滤器组件.ts:

FilterComponent.html 的一部分:

PoLinesCompoenent.ts:

PoLinesComponent.html:

0 投票
0 回答
129 浏览

angular - Angular 7 在应用程序主组件的后台运行多个方法会减慢负载吗?

我有 6 种方法,它们在应用程序中被多次调用:

以下是其中几个:

}

每次调用它们时,数据都会保存在一个对象中并使用。

我想在加载应用程序时只运行一次,app.component.ts并将返回的结果保存到全局对象中,它将被应该使用的组件访问。

授权脚本:

this.globalVar.GetSituationUrlphp脚本的url在哪里。

方法会减慢应用程序的负载吗?在改变路线时,ngOnInit()会再次运行吗?

我对角度有点陌生,几乎没有什么东西是晦涩的。

0 投票
1 回答
2046 浏览

angular - 在 Ionic 页面上使用 ngOnInit() 方法 - 我们是否需要导入 OnInit 并编写 Class 实现 OnInit?

这是用于在页面上加载带有数据的变量的代码,使用ngOnInit方法:

ngOnInit

但是,我注意到即使我们不导入 OnInit(第 1 行)并且不写入implements OnInit(第 10 行),该方法仍然会被调用。最佳做法是什么?

0 投票
2 回答
26 浏览

typescript - 删除在 ngOnInit() 上订阅服务创建的空行

我有一个材料数据表,用户可以自己填写和清空。进入表的数据由服务触发,我在表组件中使用ngOnInit().

代码:

问题是:总有一个空行被 call 推送this.temp.push(this.transaction)。有没有办法第一次停止这个电话或类似的东西?