ng-repeat 用于对象的对象数组答案

【问题标题】：ng-repeat for array of object of objectsng-repeat 用于对象的对象数组
【发布时间】：2016-03-29 14:59:51
【问题描述】：

我正在研究角度流星。我有一个名为 Grace 的集合，采用以下 json 格式

grace: {
    "mail-template": {
        "new-status": {
            "in-progress": {
                "name": "demo1",
                    "description": "this is demo"
            },
            "pending": {
                "name": "demo2",
                    "description": "this is another demo"
            }
        }
    }
}

这里我将in-progress 和pending 作为键，name 和description 作为值。

我想在我的 html 中使用 ng-repeat 列出这个。但是我没有得到任何输出，也没有发现错误。

我使用的代码是

ng-repeat="(key,value) in demoCtrl.formSettings.grace['mail-template']['new-status']"

demoCtrl 是我的控制器名称，formSettings 是助手的名称。有人可以清除我的代码吗？

【问题讨论】：

为什么需要中继器？
我想列出这些模板，如果管理员愿意，他需要编辑详细信息。最初，json 文件没有那个 new_status 对象。邮件模板对象具有键值对，并且此代码运行良好。
你需要调试这个，把{{ key }}和{{ value | json }}放在ngRepeat里面。您可以尝试在ngReapet 之前打印{{ demoCtrl.formSettings.grace | json }}，以确保一切都按预期连接并且您没有错过任何内容

标签： angularjs mongodb meteor angularjs-ng-repeat angular-meteor

【解决方案1】：

我做了这个JSFiddle。它似乎工作得很好。确保demoCtrl.formSettings 中的数据正确。

$scope.obj = {
    grace: {
       "mail-template": {
           "new-status": {
               "in-progress": {
                   "name": "demo1",
                       "description": "this is demo"
               },
               "pending": {
                   "name": "demo2",
                       "description": "this is another demo"
               }
           }
       }
    }
};

HTML

<div ng-repeat="(key,value) in obj.grace['mail-template']['new-status']">
    {{key}}: {{value}}
</div>

【讨论】：

很抱歉告诉我我的代码运行良好。就像你说的将代码放在隐藏的 div 中...感谢您的帮助