フィルターをかけたモデルにバインドを選択

Question

タイトルを許してください。私が探しているものをどのように表現するのが最善かを理解できなかった。

AvailableColumns: [ 
    { ColumnName: "CustomerNumber", ... }, 
    { ColumnName: "CustomerFirstName", ... } 
], 
AvailableSummaryColumns: [ 
    { 
    ColumnName: "CustomerNumber", 
    CalculationTypes: [ 
     { label: "Count", id: 1 }, 
     { label: "Count Distinct", id: 2 } 
    ] 
    }, 
    { 
    ColumnName: "CustomerFirstName", 
    CalculationTypes: [ 
     { label: "Count", id: 1 }, 
     { label: "Count Distinct", id: 2 } 
    ] 
    } 
] 

私は、このオブジェクトの親をウォークスルーし、内部のデータ、何の問題に結合するディレクティブを持っている：

私のJSONは次のようになります。しかし、私が抱えている問題は、ColumnNameによってフィルタされたオブジェクトに選択のngオプションをバインドする必要があるということです。

私のng-repeatの中で、私は選択されたハウジングを各列のCalculationTypesにしています。 AvailableSummaryColumns.ColumnNameがng-repeatの現在のAvailableColumnsオブジェクトのColumnNameと等しいCalculationTypesのそれぞれにng-optionsを設定する必要があります。

私が試して知っているすべてを試しましたが、正しくバインドできません。これを達成する最良の方法は何ですか？

---

NGリピート：各列内

<tr ng-repeat="column in AvailableColumns track by $index | orderBy: 'ColumnOrder'" data-column-name="{{column.ColumnName}}" data-ref="{{$index}}"> 

、私はAvailableSummaryColumns.ColumnNameがAvailableColumnsに等しいAvailableSummaryColumns.CalculationTypesに結合するselectのNGモデルまたはNG-オプションを必要とします.ColumnName。

Answer 1

ことは、これを試してみてください：

<tr ng-repeat="column in AvailableColumns track by $index | orderBy: 'ColumnOrder'" data-column-name="{{column.ColumnName}}" data-ref="{{$index}}"> 
    <td><div ng-repeat="sumary in AvailableSummaryColumns track by $index"> 
     <div ng-if="sumary.ColumnName === column.ColumnName"> 
      <select ng-options="type.label for type in AvailableSummaryColumns. CalculationTypes"></select> 
     </div> 
     </div> 
    </td> 

</tr>