如何使用 AngularJS 显示存储在 MySQL 中的 json 对象

Question

在我的 MySQL 数据库中，我有这样的 json 字符串列：

[{id:1,name:"VEZAN ZA PROJEKT 1"}, {id:1, name:'VEZAN ZA PROJEKAT 2'}]

我正在尝试像这样在模板中显示值：

<span ng-repeat="(key, val) in singletask.depencies">
    {{val}}
</span>

但得到错误：

不允许在转发器中重复。使用“track by”表达式 指定唯一键。中继器：singletask.depencies 中的 (key, val)， 重复键：字符串：：，重复值：：

如果我添加track by $index，它将显示用空格分隔的完整 json 字符串...

有谁知道问题出在哪里？

编辑

我从对象数组中提取 JSON。这是我的对象的样子：

{
    tasks : [
        0 : Object
        1 : Object
    ],
    admin_id : 1,
    created_at : "2015-11-02 16:16:27",
    depencies : "[{id:1,name:" VEZAN ZA PROJEKT 1 "}, {id:1, name:'VEZAN ZA PROJEKAT 2'}]"
}

Answer 1

您的数据以字符串形式从数据库返回，而不是 JavaScript 对象。要转换它，您可以使用https://docs.angularjs.org/api/ng/function/angular.fromJson

如果仍有问题，请发布更多代码。

编辑： 在您的控制器中，收到数据后，您需要对您的任务集合运行 foreach 循环（或者如果您只有一个任务，只需执行一次）以将字符串对象更改为 JavaScript 对象。

$http.get("/api/data").then(function(result){
    $scope.singletask = result.data

    angular.forEach($scope.singletask, function(value, key) {
        value.dependencies = angular.fromJson(value.dependencies);
    }
}

然后，当您转到 ng-repeat="(key, val) in singletask.dependencies" 时，它将遍历数组对象。