代码之家 › 专栏 › 技术社区 › Govinda raj

在angular4中调用组件之前更新组件变量

rxjs angular

0

Govinda raj · 技术社区 · 8 年前

在我的应用程序中有一个管理和仪表板页面,根据管理设置,仪表板页面将出现。

脚本: 管理员登录到应用程序并更改管理员页面中的值,然后导航到仪表板页面。

我的方法: 在管理页面中保存设置时,触发了对仪表板组件的服务发出调用,并使用subscribe更改了仪表板组件变量。

问题: 设置从管理员更改后,导航到仪表板页面,但更改(变量)值没有反映出来。

我的观察: 当我们在管理页面时,仪表板组件在dom中不可用,但由于称为仪表板组件订阅的服务发射器函数,在加载变量值重置时不幸更改了值。

在呈现(调用)到dom之前,有没有办法设置组件变量?(存储除外)

1 回复 | 直到 8 年前

1

Anmol Mittal 8 年前

由于存在可用语句问题且没有代码,我只能得出以下结论:-

维护一个简单的服务,存储管理面板的所有设置。

每当用户更改管理面板中的值时,请更改服务中该变量的值。

每当dashboard获得load(OnInit)时,从服务中绑定dashboard组件中的值以获取当前管理面板值,并相应地显示dashboard组件。

您不需要发出任何事件,因为仪表板组件和管理面板在视图中不会同时发生。创建一个服务来维护管理设置的状态就可以了。这两个组件都可以共享该服务并相应地采取行动。