如何使用 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> 迭代了项目数组。项目数组包括所有数据形式 json 对象，然后我在迭代时从数组请求键和值。

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

How to access dynamic array and get key-value pairs using ng-repeat

arrays

angularjs

angularjs-ng-repeat

ionic-framework