インライン配列でng-repeatを反復処理すると、配列内のすべてのオブジェクトが更新されます。

Question

AngularJsには2つの配列があります。 は今、最初に私がテーブルに週アレイを反復しています：

<tr ng-repeat="week in weeks"> 
<!-- content for every week with occupancy-array --> 
</tr> 

をこの表では、私が占有-アレイの第二ngのリピートを実装している、週次のような構造で：

Array[WeekId] = {early: null, late: null, night: null} 

3週間、オブジェクトは3回存在します。

オブジェクトは、入力フィールドを持つ週ごとに操作可能でなければなりません。 は、だから私のHTMLは次のとおりです。

<tr ng-repeat="week in weeks"> 
    <td ng-repeat="(title, value) in occupancies[week.id]"> 
     <input class="form-control" ng-model="value"/> 
    </td> 
</tr> 

しかし、この場合には、配列がスコープ内に変更されませんので、私は、新しい値に達することによって問題を抱えています。

それでは、私はこれに私の第二ngのリピートを変更することを決めた：

今

<td><input class="form-control" ng-model="occupancies[week.id].early"/></td> 
<td><input class="form-control" ng-model="occupancies[week.id].late"/></td> 
<td><input class="form-control" ng-model="occupancies[week.id].night"/></td> 

、スコープは私の占有アレイ内のオブジェクトがミラーリングされていることが、問題と、変更されます。それは、1週間目の早い時期に占有率が変わることを意味します。

私は助けが必要です！

Answer 1

私はあなたが占有物にオブジェクトを割り当てて、もう一度試してみることができると思います。

$scope.occupancies = {};