如何使用 ng-repeat 访问动态数组并获取键值对

Question

我正在尝试从离子移动应用程序的 json 对象中检索数据。 但问题在于该对象有一个数组，该数组包含一组对象。 我需要从这些对象集中获取键和值对，我尝试了以下代码来实现这一点。

<ion-item ng-repeat="form in forms">
    <ion-item>
        {{form.Form_Group_Name}}
    </ion-item>
    <ion-item>
        <label class="item item-input item-stacked-label colone-input" ng-repeat="(key, value) in form.items">
            <span class="input-label">{{key}}</span>
            <input type="text" value="{{ value }}" placeholder="First name">
        </label>
    </ion-item>
</ion-item>

这是有效的，但作为一个键，它显示了数组的索引（见下图）。 数组大小可以动态更改，因此不能使用索引号来访问它。 我需要进入数组并访问对象以获取键和值。

这是我的 json 对象的示例

结果是这样的：

提前致谢。

Answer 1

我是这样做的：

<ion-item ng-repeat="form in forms['Form Groups']">
    <ion-item >
        {{form['Form Group Name']}}
    </ion-item>
    <ion-item>
        <label class="item item-input item-stacked-label colone-input" ng-repeat="item in form.items">
            <div ng-repeat="(key, value) in item">
                <span class="input-label">{{key}}</span>
                <input type="text" value="{{ value }}" placeholder="value">
            </div>
        </label>
    </ion-item>
</ion-item>

正如您在此处看到的，我添加了<div>并在该<div>迭代了 item 数组。 项目数组包含所有数据形式的json对象，然后我在迭代时从数组中请求键和值。