Javascript 在html中动态填充json数据

我想使用AngularJS从json文件填充一个表

json文件可能会不时变化（动态数据）。

要求是：通过解析

json

文件，用html填充表格。 表格在

view.html

文件中，AngularJS代码应该在

view.js

中

JSON文件：（服务树下可能没有更多的id）

输出表应该如下所示：

PS:应设置表格对齐方式，因为名称值可能包含或不包含更多信息

---

谢谢

不过，正如@Johannes Jander所说，Stackoverflow不是一项“为我编写代码”的服务，我将向您展示如何做到这一点

如果您不介意列的顺序不同，那么您可以轻松地迭代抛出对象的属性，而不需要操作

json

对象。如果订单很重要，请告诉我，我会帮你解决

要阅读更多关于我们这里的内容，请点击以下链接：

医生

现在，到代码：

angular.module（'app'，[]）。
控制器（'ctrl'，函数（$scope）{
$scope.json={
“结果”：{
“服务”：[
{
“id”：1，
“名称”：“我正在做的某个项目的UI不适合”，
“应用程序”：“应用程序”，
“消息”：“应用程序”，
“地位”：1
},
{
“id”：2，
“名称”：“我正在做的某个项目的数据库”，
“应用程序”：“app1”，
“消息”：“应用程序1”，
“地位”：3
},
{
“id”：3，
“名称”：“另一项服务”，
“应用程序”：“app2”，
“消息”：“应用程序2”，
“地位”：3
}
],
}
}  
});
表格{
边界塌陷：塌陷；
}
运输署{
边框：1px实心；
}
尽管正如@Johannes Jander所说，Stackoverflow不是一项“为我编写代码”的服务，但我将向您展示如何做到这一点

如果您不介意列的顺序不同，那么您可以轻松地迭代抛出对象的属性，而不需要操作
json
对象。如果订单很重要，请告诉我，我会帮你解决

要阅读更多关于我们这里的内容，请点击以下链接：

医生

现在，到代码：


angular.module（'app'，[]）。
控制器（'ctrl'，函数（$scope）{
$scope.json={
“结果”：{
“服务”：[
{
“id”：1，
“名称”：“我正在做的某个项目的UI不适合”，
“应用程序”：“应用程序”，
“消息”：“应用程序”，
“地位”：1
},
{
“id”：2，
“名称”：“我正在做的某个项目的数据库”，
“应用程序”：“app1”，
“消息”：“应用程序1”，
“地位”：3
},
{
“id”：3，
“名称”：“另一项服务”，
“应用程序”：“app2”，
“消息”：“应用程序2”，
“地位”：3
}
],
}
}  
});
表格{
边界塌陷：塌陷；
}
运输署{
边框：1px实心；
}

那么您已经尝试了什么？您是否设置了角度控制器？要求：blahblahblah。付款：？Stackoverflow不是“为我编写代码”服务。请先自己试一下，然后带着代码回来。做自己的作业为语法道歉，我用控制器试过了，但是没有得到动态数据，但是当json文件是静态的时，我能够得到结果。PS：我不能在我的工作场所附加代码，我没有访问其他网站的权限。那么你已经尝试了什么？您是否设置了角度控制器？要求：blahblahblah。付款：？Stackoverflow不是“为我编写代码”服务。请先自己试一下，然后带着代码回来。做自己的作业为语法道歉，我用控制器试过了，但是没有得到动态数据，但是当json文件是静态的时，我能够得到结果。PS：我不能在我的工作场所附加代码，我没有访问其他网站的权限。谢谢你的帮助，事实上我是angular js的新手。。。。。。。。ng repeat救了我一天。我很高兴听到；）
ng repeat
是AngularJS的基础。我尝试并能够填充表格，但似乎在对齐方面存在一些问题，因为很少有值占用更多空间，有什么方法可以修复吗？我尝试使用span并为列提供相同的宽度，但html以弹出窗口的形式显示。。。。。你能用演示更新你的问题吗？或者可以通过演示问一个新问题并将链接粘贴到这里？所以这对其他人会有帮助。谢谢你的帮助，事实上我是新来的。。。。。。。。ng repeat救了我一天。我很高兴听到；）
ng repeat
是AngularJS的基础。我尝试并能够填充表格，但似乎在对齐方面存在一些问题，因为很少有值占用更多空间，有什么方法可以修复吗？我尝试使用span并为列提供相同的宽度，但html以弹出窗口的形式显示。。。。。你能用演示更新你的问题吗？或者可以通过演示问一个新问题并将链接粘贴到这里？所以它会帮助其他人。。
{
"result": {
    "services": [
        {
            "id": 1,
            "name": "My UI for some project that I'm doing that won't fit",
            "application": "app",
            "message": "application",
            "status": 1
        },
        {
            "id": 2,
            "name": "My DB for some project that I'm doing",
            "application": "app1",
            "message": "application1",
            "status": 3
        },
        {
            "id": 3,
            "name": "Another service",
            "application": "app2",
            "message": "application2",
            "status": 3
        }
    ],
 }
}