0

ページのいくつかの要素で ng-repeat を使用しようとしています。何らかの理由で、n 個の要素のそれぞれが n 回表示されているのですが、その理由がわかりません。私の配列は次のようになります。

$scope.fieldNames = ["Last_Name","First_Name","Email","Home_Phone","Cell_Phone"];

n ^ 2回塗りつぶされている選択ボックスがあります(ng-optionsを使用してみましたが、配列で動作させることができません):

<td>
<select ng-model="currentField" style="width: 100%">
                        <option ng-repeat="field in fieldNames">{{field}}</option>
                    </select>
<td>

さらに、これは私のテーブルのヘッダー行で発生します。ただし、メンバー行または含まれるセルは対象外です。

<table class = "main-table">
    <thead>
        <tr>
            <th ng-repeat = "field in fieldNames">{{field}}</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat = "member in members" >
            <td ng-repeat = "field in fieldNames">{{member[field]}}</td>
        </tr>
    </tbody>
</table>

なぜこれが起こっているのか、それを修正する方法を誰かが私に説明してくれれば、私は感謝しています. ng-options の実例も歓迎します。

お時間をいただきありがとうございます。

4

2 に答える 2

2

で文字列のリストを操作するにはng-options、次のような理解式が必要です

<select ng-model="currentField" ng-options="field for field in fieldNames"></select>

DEMO

于 2013-08-21T21:37:17.067 に答える