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

Question

我正在尝试从ionic移动应用程序的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>

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

这是我的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对象，然后在迭代时从数组中请求键和值。