在angular中访问用户名

Question

对于前端开发，我还是个新手。在angular面试中，我被问到一个问题，但我无法回答。问题如下：

假设您有一个登录屏幕，您输入用户名和密码进行登录。现在，在5-6页或n页之后，有一个需要用户名的要求。您将如何在那里访问用户名？我的回答是我可以使用queryparam。然后面试者告诉我可以通过queryparams来完成，但是这不是一个在queryparams中总是携带用户名的好方法。

这个问题的正确答案应该是什么？如何才能做到

Answer 1

假设你事先发出了获取所需信息的超文本传输协议请求，你可以将其保存到本地存储，会话存储，或者根据你的web应用程序的大小，我通常最终将其存储在NgRx商店中。

Answer 2

方法一:使用HTTP GET请求连接的后端，从中检索登录的用户，登录成功时保存。

方法2:在Angular中，我们可以将登录的用户存储在服务中。并使用依赖注入来获取变量值。(如果从angular前端的角度来看，这可能是他们期望的答案)如果您在任何页面中，您都可以从angular服务中获取值，下面的链接显示了它是如何实现的

https://angular.io/guide/dependency-injection

Answer 3

登录时使用令牌从后端获取数据。在前端创建一个类，其中的方法负责从令牌中检索特定信息，例如userName、Id、电子邮件等。

只要注入该类(包含负责从token检索信息的方法)，就可以在前端需要的任何地方调用该类的方法

我更喜欢JWT