angularjs之获取用户信息

最新推荐文章于 2022-05-23 16:28:26 发布

隐藏的文艺妹子

最新推荐文章于 2022-05-23 16:28:26 发布

阅读量3.7k

点赞数

分类专栏： angular 文章标签： angular 数据

本文链接：https://blog.csdn.net/zhaoqiaomua/article/details/72764767

版权

angular 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

获取用户信息逻辑

首先获取唯一的id值

id值获取到后输出用户的信息数据

html部分

<table class="table table-bordered">
  <thead>
  </thead>
  <tbody>
  <tr>
    <td>用户名</td>
    <td>{{user.username}}</td>
  </tr>
  <tr>
    <td>手机号</td>
    <td>{{user.phone}}</td>
  </tr>
  <tr>
    <td>邮箱</td>
    <td>{{user.email}}</td>
  </tr>
  <tr>
    <td>上次登录时间</td>
    <td>2017-05-10 15:00:03</td>
  </tr>
  <tr>
    <td>秘钥</td>
    <td>{{user.appKey}}</td>
  </tr>
  <tr>
    <td>设备数量</td>
    <td>{{user.deviceCount}}</td>
  </tr>
  </tbody>
</table>

angularjs部分

.controller('userinfoCtrl', function($scope,Account,SweetAlert,$state,$localStorage){
  if (!$localStorage.accountId) {   //如果用户id获取不到

    SweetAlert.swal({
      title:'',
      text: "请先登录",
      type: "warning",
      showCancelButton: false,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "是",
      cancelButtonText: "否",
      closeOnConfirm: true,
      closeOnCancel: true
    },function(isConfirm){   //确定
      if (isConfirm) { 
        $state.go('home.login');   //跳转到登录页面
      }
    });
    return
  }else{
  Account.getBaseInfo({accountId:$localStorage.accountId},function(data){   //获取用户信息
    $scope.user = data.info;

  })
  }
})