javascript - 如何从 Angular JS Controller 获取 JSON 数据

标签 javascript angularjs arrays json

我有一个用户登录..

this.logincheck = function(log) {           
          var parameter ={
                    "mail" :log.mail,
                    "password" :log.passwords
                    }  
            alert(JSON.stringify(parameter));
            $http({
                url: '---------',
               -----------
            }).success(function(data,status) {
            if(data.status=="success")  {   
                var sessionid = data.member.member_id; //Member JSON is defined below
                $state.go('dashboardsnewsucc.dashboardefault', {userid: sessionid}); // How to pass entire object to user dashboard
            }
            else{
                alert("Invalid Username or Password try again. !!!");
            }
            }); 
    };

我不仅想要成员(member) ID,我还想要成员(member)中存在完整的数据...... 我有以下 Controller :

.state('dashboardsnew', {
            abstract: true,
            url: "/dashboardsnew",
            templateUrl: "views/common/content-empty.html",
        })

        .state('dashboardsnew.dashboardefault', {
            url: "/dashboardefault",
            templateUrl: "views/userdashboard.html",
            data: { pageTitle: 'Hive Dashboard',specialClass: 'loginscreen-gray-bg' },           
        })

我从网络服务中获得了以下 JSON 数据。(用户登录后我得到了这个 JSON 数据)。

{
  "member": {
    "member_id": 51,
    "first_name": "Deepak",
    "last_name": "Verma",
    "phone": 6886438910,
    "password": "sushil",
    "role": [
      {
        "role_id": 2,
        "name": "Society Admin"
      }
    ],
    "associated": []
  },
  "society": {
    "society_id": 10,
    "society_name": "Green Velley"
  },
  "status": "success",
  "message": "member data details !"
}

以上 JSON 数据必须显示在登录主页中。当使用普通的 Angular JS 时,我应该使用这个:

$http.get('http://192.168.1.7:8080/apartment//member/details/' + myParamtr).then(function(response) {
        $scope.myData = response.data.member;
}

在前端我想:

{{myData.user_name}} 

最佳答案

如果您需要将数据从一种状态保存到另一种状态,在这种情况下我建议使用 Angular 服务:https://docs.angularjs.org/guide/services

您可以创建一个memberService,将成员数据设置到服务中,重定向用户,并在下一个 Controller 中从服务中检索成员数据。

关于javascript - 如何从 Angular JS Controller 获取 JSON 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43680030/

相关文章:

javascript - 使用javascript按特定元素分隔div

javascript - 如何更改我的 AngularJS 服务以使用 Typescript?

javascript - Angular ui-router 无法加载,更不用说解决工厂依赖关系了

java - java中if语句与数组的简化

java - 迭代对象数组并将其成员与其他数组进行匹配/比较

javascript - Vue.js 2 路数据绑定(bind)仅以一种方式工作

Javascript 事件 - 如何使此代码干燥

javascript - Kendo UI TreeView 复选框全选

angularjs - 使用 angularjs 单击浏览器后退按钮时,我可以保留模型值吗?

javascript - 遍历 JavaScript 对象并添加字符串以结束(如果不是最后一项)