Javascript 如何使用AngularJS访问此JSON文件的子元素？

下面是一个Plunkr，显示JSON文件的基本ng重复呈现：

我正在呈现$scope.foodlist中的元素，如下所示：

        <li ng-repeat="food in foodlist">
            <p>Title: {{ food.title }}</p>
            <p>Code: {{ food.code }}</p>
            <p>Unit {{ food.unit }}</p>
        </li>

像这样试图以单元标题为目标是行不通的：

 <p>Unit {{ food.unit.title }}</p>

Unit{{food.Unit.title}

---

如何在“单元”中获取要打印的元素“标题”？我是否需要向Angular controller中添加一些额外的内容来定位此子元素？

单元在json中是一个列表

因此，您需要使用索引或使用
ng repeat
访问项目：

<p>Unit {{ food.unit[0].title }}</p>

单位{{food.Unit[0].title}


或

单位{{title.title}
谢谢！你能告诉我，在JSON中是什么将单位定义为列表的吗？
unit
的内容被包装在
[
和
]
中，这使它成为一个列表。
<p>Unit {{ food.unit[0].title }}</p>

<p ng-repeat="title in food.unit">Unit {{ title.title }}</p>