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。

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

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

1 个答案: