javascript - 无法访问 angular.js View 中的数组项

Question

我正在尝试访问 angular.js View 中数组中的第一项，如下所示:

<p class="name-label">{{user_profile.email[0].emailAddress}}</p>

我的对象看起来像这样:

Object {
....
"email": [
            {
                "emailType": "Primary",
                "emailAddress": "testuser@tp.com"
            }
        ],
....
}

这不起作用 - 我没有收到错误 - 它只是不显示任何内容! 有什么想法吗？

谢谢!

Answer 1

我将您的代码复制/粘贴到 jsfiddle 中，并在删除虚假的 Object 后和省略号它工作得很好。因此，问题似乎出在其他地方。

也许该对象的结构并不完全符合您的预期。尝试插入:

<div>{{user_profile.email}}</div>

并确保输出如下:

[{"emailType":"Primary","emailAddress":"testuser@tp.com"}]

另一种可能性是您可能已将 <p>标签外部带有 ng-controller 的标签属性。如果发生这种情况，那么您将访问 user_profile在可能未设置的根范围内。

如果这些都不起作用，您可能需要编辑您的问题以包含更多周围的上下文，因为现在还不足以给出完整的答案。