Question

我的代码如下：http://codepen.io/fadynoor/pen/RPWxad

请参阅本部分的page1.html：

<div>
    <p>content of parrot : {{ctrl.contents[0].zoo[1].parrot}}</p>
    <p>content of tiger : {{ctrl.contents[1].zoo.tiger}}</p>
    <p>content of zoo : {{ctrl.contents[0].zoo}}</p>
</div>

我只想把鹦鹉和虎阵的内容像动物园一样印在屏幕上。但我不知道如何正确调用阵列。

之后，我想列出内容。这样做是对的吗？

<ul>
    <li ng-repeat="desc in ctrl.contents[0].zoo.parrot">{{desc}}</li>
</ul>

Answer 1

您正在尝试显示zoo数组的第二个元素，该元素只有1个元素。

<p>content of parrot : {{ctrl.contents[0].zoo[0].parrot}}</p>有效;）

编辑以解决第二个问题：是的。

<ul>
    <li ng-repeat="desc in ctrl.contents[0].zoo[0].parrot">{{desc}}</li>
</ul>

打印阵列数组中的数组内容（Angluar.js）

1 个答案: