无法在angularjs中显示名称并对json数据执行编辑？

Question

我想为我的json数据做一些crud操作。但我失败了：

1. 到display the names（我得0,1和2而不是我的 实际名称：Main1, Main2和Main3）
2. on Edit选项：我无法获得动态提交的选项：它 应该只显示dynamic fields/values，他们可以 使用新值编辑/更新

因此，如果我点击Update/Save按钮，它应该重定向到我的主页面（它工作正常）

注意：在编辑屏幕上：这些字段值应该是可编辑/可更新的，例如，如果我选择Main1（但它当前在我的视图中显示0而不是Main1）

"testkey01": "testkey01data", 
"testkey02": 40, 
"testkey03vals": [1, 1, 1]

和其他名字一样。

请让我知道如何做到这一点，并提前感谢。 Plnkr已创建。

Answer 1

对于第一部分，可以在您可以在控制器中声明的函数的帮助下完成任务：

$scope.getKey = function(item) {
    return Object.keys(item)[0];
}

然后在HTML中使用它：

<td>{{getKey(value)}}</td>

我已更新了plunker here。

LE：我还更新了plunker以解决您的编辑问题。你不知道你也必须把钥匙。说实话，你的json非常混乱。从那时起你还需要完成一些工作。我希望我至少能帮助你一点。祝你好运！