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

Question

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

<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在可能未设置的根范围内访问。

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