【问题标题】:Angular7 - Call function/API when loading/changing componentAngular7 - 加载/更改组件时调用函数/API
【发布时间】:2019-04-10 13:34:34
【问题描述】:

我正在处理仪表板,我想在邮箱图标上打印邮箱中的邮件数量。

我不确定我的想法是否最好,但要做到这一点,我可能应该在每次更改组件/重新加载页面/更改路由/等时调用我的 API (getCountMail) ...

这是正确的方法吗?这样做看起来确实是个坏主意,但我没有找到任何其他解决方案......

我用 Websocket 尝试了一些东西,但失败了。

我尝试在 app.component.ts 构造函数中简单地添加该函数,但它只调用了一次。

【问题讨论】:

  • App 将只被创建一次,因此 1 个构造函数调用。是什么阻止您创建将在后台每隔一段时间查询消息的服务?
  • Wesockets 应该是要走的路,或者你可以使用RxjS's timer operator
  • trichetriche 是对的,websocket 是你最好的选择
  • 您是否尝试过使用 FireBase(它是一个实时数据库)?

标签: angular angular7


【解决方案1】:

我认为最好使用 websocket 来更新计数器,这样您就可以实时获得总数。如果您不想实时执行此操作,您始终可以每 X 次调用 getCountMail (),但它不是实时的。或者您也可以在每次更新页面时调用。

如果您决定使用 websocket,这可以帮助您: https://medium.com/dailyjs/real-time-apps-with-typescript-integrating-web-sockets-node-angular-e2b57cbd1ec1

【讨论】:

  • 是的,我也猜想:/ 我要重试实现它,但是当我尝试实现它时出现了很多错误。谢谢
  • 尝试使用 websocket,如果您有任何问题,我们总是可以帮助解决错误;)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-07-18
  • 2020-09-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多