Javascript AngularJS-三个依赖选择-仅前两个填充

我与Express、Angular和Jade合作。应用程序的相关部分允许用户从他们的Trello帐户中选择组织、董事会和列表。这三个项目构成一个层次结构：组织包含董事会，董事会包含列表

因此，在我的文章中，我有以下几点：

select(ng-model='userData.apps.trello.organization', ng-options='orgId as orgDetails.name for (orgId, orgDetails) in orgsandboards')
select(ng-model='userData.apps.trello.board', ng-options='boardId as boardDetails.name for (boardId, boardDetails) in orgsandboards[userData.apps.trello.organization]["boards"]')
select(ng-model='userData.apps.trello.list', ng-options='listId as listDetails.name for (listId, listDetails) in orgsandboards[userData.apps.trello.organization][userData.apps.trello.board]["lists"]')

顺便说一下，上面的语法来自

无论如何，基于上述答案建模的数据结构如下所示：

orgsandboards: {
    orgid1: {
        name: "organization 1",
        boards: {
            boardid1: {
                name: "name of the first board",
                lists: {
                    listid1: {
                        name: "name of list 1"
                    },
                    listid2: {
                        name: "name of list 2"
                    }
                }
            },
            boardid2: {
                name: "name of the second board",
                lists: {
                    listid3: {
                        name: "name of list 3"
                    },
                    listid4: {
                        name: "name of list 4"
                    }
                }                
            }
        }
    },
    orgid2: {.. and so on ..}
}

前两个选择效果很好。如果我改变组织，潜在董事会的名单也会改变。但是，第三个选择列表从不更新。我已核实数据是否存在且可用

我浏览了其他问题和答案，包括和。正如这里经常发生的那样，似乎没有人能提供我所寻求的答案

---

谢谢。

看起来像是Angular宽容的天性掩盖了一个错误。第三个列表的

ng选项

需要以以下内容结尾：

in orgsandboards[userData.apps.trello.organization]["boards"][userData.apps.trello.board]["lists"]

请注意

[“boards”]

部分

---

按照目前的方式，您在

organdboards[userData.apps.trello.organization]

中引用了一个不存在的密钥，但Angular在这些情况下通常不会抛出错误，它只是默默地失败。

我知道这很简单。非常感谢。