创建服务以在使用angularjs登录时更改屏幕上的用户名

hack

我正在使用node.js在客户端上开发一个node.js Web应用程序。

基本上,当用户登录时,我需要存储其用户名并将其绑定到屏幕上的元素。

除了存储在会话中之外,还有另一种方法来存储信息。

我有一个模板页面,其中显示了元素:

<div class="header">
<h3 class="text-muted">This is a template</h3>
<ul class="nav navbar-nav navbar-right">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Username here<b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a href="#">Settings</a></li>
            <li><a href="#">Profile</a></li>
        </ul>
    </li>
</ul>

我是否需要为模板页面创建一个控制器方法,该方法将在我的app.js文件中调用将获取用户名的服务?

不情愿

方法

我建议为此使用Factory作为AngularJS服务您可以从API请求用户信息,并将其作为JSON对象存储在Factory中。在您的控制器中,您可以加载Factory并获取所需的信息,例如用户名。

由于每个AngularJS服务都是一个Singleton,因此您可以确保始终只有一个实例包含您的User信息。


代码

服务(工厂):

app.factory('UserService',
  function($http) {
    // Here you can call a RESTful API resource,
    // store a JSON object in the application scope
    // and return it by this service to any controller.

    return {
      getUsername: function() {
        return "tjhack"
      }
    };
  });

控制器:

app.controller('MainCtrl', function($scope, UserService) {
  $scope.username = UserService.getUsername();
});

例子

http://plnkr.co/edit/wma66tx6FefzrjzprwUN?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

登录屏幕上的粗体用户名文本

来自分类Dev

如何使用感知声明的用户名/登录授权为WCF服务创建本地STS?

来自分类Dev

Yii:登录时更改标题中的用户名样式

来自分类Dev

在桌面屏幕上显示IP / MAC地址,运行时间/ DNS服务器和登录的用户名

来自分类Dev

如何显示使用AngularJs登录的MVC用户名

来自分类Dev

如何显示使用AngularJs登录的MVC用户名

来自分类Dev

使用TTY登录时的默认用户名

来自分类Dev

更改用户名而不登录

来自分类Dev

Excel VBA 用户表单在服务器上使用用户名和密码登录

来自分类Dev

LXDE登录屏幕上的用户名不会记住用户

来自分类Dev

使用$ username时,会话中存储的用户名更改

来自分类Dev

Django:登录时创建新用户时,用户名为空

来自分类Dev

如何在Mint 16的登录屏幕上看到用户名提示?

来自分类Dev

使用adLDAP显示登录的用户名

来自分类Dev

尝试根据登录用户的用户名创建模型对象时出现“WSGIRequest”错误

来自分类Dev

使用脚本中的用户名和密码使用GNU屏幕登录

来自分类Dev

是什么触发此屏幕提示“ host01上<用户名>使用的屏幕”?

来自分类Dev

在链接的服务器上的存储过程中获取登录的用户名

来自分类Dev

创建一个可在登录时检测多个用户名的页面.PHP

来自分类Dev

如何在登录屏幕上禁用用户列表?(提示输入用户名和密码)Ubuntu 15.10

来自分类Dev

如何在登录屏幕上禁用用户列表?(提示输入用户名和密码)Ubuntu 15.10

来自分类Dev

用户登录时在顶部显示用户名

来自分类Dev

更改用户名后,新的用户名不会显示在登录窗口中

来自分类Dev

使用用户名登录或使用Cakephp 3登录

来自分类Dev

使用空用户名创建PSCredential

来自分类Dev

使用SQL创建原子用户名

来自分类Dev

登录失败:未知的用户名或错误的密码-服务凭据

来自分类Dev

如何使用登录名(用户名和密码),按钮更改活动?

来自分类Dev

使用模型绑定将登录的用户名传递给AngularJS控制器

Related 相关文章

  1. 1

    登录屏幕上的粗体用户名文本

  2. 2

    如何使用感知声明的用户名/登录授权为WCF服务创建本地STS?

  3. 3

    Yii:登录时更改标题中的用户名样式

  4. 4

    在桌面屏幕上显示IP / MAC地址,运行时间/ DNS服务器和登录的用户名

  5. 5

    如何显示使用AngularJs登录的MVC用户名

  6. 6

    如何显示使用AngularJs登录的MVC用户名

  7. 7

    使用TTY登录时的默认用户名

  8. 8

    更改用户名而不登录

  9. 9

    Excel VBA 用户表单在服务器上使用用户名和密码登录

  10. 10

    LXDE登录屏幕上的用户名不会记住用户

  11. 11

    使用$ username时,会话中存储的用户名更改

  12. 12

    Django:登录时创建新用户时,用户名为空

  13. 13

    如何在Mint 16的登录屏幕上看到用户名提示?

  14. 14

    使用adLDAP显示登录的用户名

  15. 15

    尝试根据登录用户的用户名创建模型对象时出现“WSGIRequest”错误

  16. 16

    使用脚本中的用户名和密码使用GNU屏幕登录

  17. 17

    是什么触发此屏幕提示“ host01上<用户名>使用的屏幕”?

  18. 18

    在链接的服务器上的存储过程中获取登录的用户名

  19. 19

    创建一个可在登录时检测多个用户名的页面.PHP

  20. 20

    如何在登录屏幕上禁用用户列表?(提示输入用户名和密码)Ubuntu 15.10

  21. 21

    如何在登录屏幕上禁用用户列表?(提示输入用户名和密码)Ubuntu 15.10

  22. 22

    用户登录时在顶部显示用户名

  23. 23

    更改用户名后,新的用户名不会显示在登录窗口中

  24. 24

    使用用户名登录或使用Cakephp 3登录

  25. 25

    使用空用户名创建PSCredential

  26. 26

    使用SQL创建原子用户名

  27. 27

    登录失败:未知的用户名或错误的密码-服务凭据

  28. 28

    如何使用登录名(用户名和密码),按钮更改活动?

  29. 29

    使用模型绑定将登录的用户名传递给AngularJS控制器

热门标签

归档