无法在angularjs中显示名称和编辑json数据

Unable to display names and perform edit for json data in angularjs?

本文关键字:编辑 json 数据 显示 angularjs      更新时间:2023-09-26

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

  1. display the names(我得到0,1和2,而不是我的实际名称:Main1, Main2Main3)
  2. 上的Edit选项:我无法获得我的动态字段选项:它应该只显示dynamic fields/values,它们可以是编辑/更新新值

因此,如果我点击Update/Save按钮,它应该重定向到我的主页(它工作得很好)

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

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

,其他名字也一样。

请让我知道我该如何做这些,并提前感谢。创建Plnkr

对于第一部分,任务可以通过可以在控制器中声明的函数来实现:

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

然后在HTML中像这样使用:

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

我已经更新了这里的活塞。

LE:我也更新了柱塞来解决你的编辑问题。你没有意识到你也必须把钥匙。老实说,你的json很乱。从那时起,你仍然需要解决一些问题。我希望我至少能帮到你一点。好运!