Javascript 拆分json并使用ng repeat ANGUAL指令显示它

如何查看拆分json字符串的

Key:value

列表

函数MyCtrl（$scope）{
var jsonString='{“prop”：“1,2,3,4,5,6”，“prop”：“lol，asd，lidfj”，“prop”：“asd，test！！！”}；
$scope.evalled=$scope.$eval（jsonString）；
$scope.fromJsoned=angular.fromJson（jsonString）；
$scope.ljson=JSON.parse（jsonString）；
}

JSON.parse：


键：{{son.Key}，值：{{son}

您的json字符串不是数组，ng repeat需要在重复时执行该操作

你想要这个：

var jsonString='[{"prop":"1, 2, 3, 4, 5, 6"}, {"prop": "lol, asd, lidfj"}, {"prop": "asd, test!!!"}]';

剧本：

var obj = JSON.parse(jsonString);

var result = []
for (var key in obj){
    result.push({key:key, value: obj[key]});
}

$scope.ljson = result;

html：

<li ng-repeat="son in ljson">Key: {{son.key }}, Value: {{son.value}}</li>

键：{{son.Key}，值：{{son.Value}

---

虽然您可以在数据中使用

ng repeat=“（键，值）”

，但不确定它是否能很好地处理多个“道具”。然后你的代码就变成了

<li ng-repeat="(key, value) in ljson">Key: {{key }}, Value: {{value}}</li>

键：{{key}}，值：{{{value}