Angularjs Angular.js递归json显示和动态重新加载

Angularjs Angular.js递归json显示和动态重新加载,angularjs,recursion,input,ng-repeat,Angularjs,Recursion,Input,Ng Repeat,我有以下设置: 带有RESTAPI的Jetty服务器,目前是哑的,每次PUT只接受json,每次GET都提供相同的json 带angular的Web UI:它每2秒调用服务器一次,以获取可能更改的数据(工作),并将其写入我的var设备中。 我使用递归模板和ng repeat显示数据,就像json层次结构一样,带有叶值的输入字段(类似于json的树) 我的问题是:我想在新数据到达时更改视图的值。 目前它只渲染一次,并且没有注意到背景数据正在更改。 数据在输入时通过ng model=“value”显

我有以下设置:

带有RESTAPI的Jetty服务器,目前是哑的,每次PUT只接受json,每次GET都提供相同的json

带angular的Web UI:它每2秒调用服务器一次,以获取可能更改的数据(工作),并将其写入我的var
设备中。
我使用递归模板和
ng repeat
显示数据,就像json层次结构一样,带有叶值的输入字段(类似于json的树)

我的问题是:我想在新数据到达时更改视图的值。 目前它只渲染一次,并且没有注意到背景数据正在更改。 数据在输入时通过
ng model=“value”
显示,因为模板通过
ng repeat=“(键,值)in value”
我需要生成一个额外的数组作为模型,以通过
设备
更新接收更改

下一步问题:当我手动更改视图输入字段的值时,我想收集(由我)更改的数据,以便稍后按apply并将其放到服务器上。这两者之间必须有区别:

  • 从服务器更新->更新视图(手动编辑和未提交的数据除外)

  • 以树的形式收集手动编辑的数据(如更改值的路径)
设备的数据如下所示:

{
    "inverter1":{
        "properties":{
            "max_pac":{
                "value":"6400"
            },
            "type_abbreviation":{
                "value":"6400u"
            },
            "serial_number":{
                "value":"1234"
            }
        }
    },
    "inverter2":{
        "properties":{
            "max_pac":{
                "value":"1000"
            },
            "type_abbreviation":{
                "value":"tl3.20"
            },
            "serial_number":{
                "value":"tl3.1243.3456"
            }
        }
    }
}
我的ng模板及其调用位置(已清理到最需要的位置):


我脑子里有了这些逻辑,在过去的三天里已经重写了四次代码,但现在我需要你的帮助。我试图让代码片段与JSFIDLE一起工作,但没有成功。不知道为什么。 一些指向正确方向的词语可能会有所帮助! 谢谢

[编辑]:早上好,下面的提琴是我代码的完整拷贝和粘贴,我删除了上面的代码片段。 为了更好地理解:服务器json数据更改可以在json中创建新字段,或者可能会添加新的设备!所以基本上一切都需要更新


您能否发布维护视图模型的代码,即将JSON加载到“设备”中?嘿,我将在周一发布。这是我最后一次机会,但文件还在工作,对不起!我制作了一个$http.get(),在完成时它就像$scope.devices=data;有点关闭加载指示器,但没什么。你能发布维护视图模型的代码吗?也就是说,将JSON加载到“设备”中。嘿,我会在周一发布。这是我最后一次机会,但文件还在工作,对不起!我制作了一个$http.get(),在完成时它就像$scope.devices=data;有点开关负载指示灯上的关闭,但没有更多。
<script type="text/ng-template" id="value.html">
   <!-- see below -->
</div>