Angular js解析Json对象

Question

一个 json 对象有一个键 lastLogin。它的值是一个字符串。

我正在尝试打印 firstName John 和 Blake

 $scope._users = [{
        "User": {
            "userid": "dummy",
            "lastlogin": "{\"employees\":[{\"firstName\":\"John\"},   {\"firstName\":\"Blake\"}]}",
        }
    }];

小提琴

任何帮助，将不胜感激。

原文由 RSM 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

像这样尝试

看法

<div ng-controller="MyCtrl">
    <div ng-repeat="user in _users" ng-init="myInfo=parJson(user.User.lastlogin)">
        <div ng-repeat="emp in myInfo.employees">{{emp.firstName}}</div>
    </div>
</div>

控制器

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {
    $scope.getName = function (user) {
        return "Names";
    };

    $scope._users = [{
        "User": {
            "userid": "dummy",
                "lastlogin": "{\"employees\":[{\"firstName\":\"John\"},                   {\"firstName\":\"Blake\"}]}",
        }
    }];
    $scope.parJson = function (json) {
        return JSON.parse(json);
    }
    //console.log(JSON.parse($scope._users[0].User.lastlogin));
}

DEMO

您也可以使用 angular.fromJson 。

像这样

$scope.parJson = function (json) {
   return angular.fromJson(json);
}

DEMO

原文由 Anik Islam Abhi 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

要正确解析 "lastlogin": "{\"employees\":[{\"firstName\":\"John\"}, {\"firstName\":\"Blake\"}]}" 数据，您可以使用

angular.fromJson(User.lastLogin);

只要确保您将内部对象（即 lastlogin）提供给该方法，它就会从 json 数据中删除所有无效字符，例如 \ 和 “。

原文由 Anonymous 发布，翻译遵循 CC BY-SA 3.0 许可协议