Binding select on filter model

Question

Пожалуйста, простите название. Я не мог понять, как лучше всего описать то, что я ищу.

My JSON выглядит примерно так:

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 } 
    ] 
    } 
] 

У меня есть директива, которая прогуливается родителя этого объекта и связывается с данными внутри, без проблем. Тем не менее, проблема связана с тем, что мне нужно привязать ng-options для выбора фильтрованного объекта по ColumnName.

Внутри моего ng-repeat я отрисовку выбираю корпус CalculationTypes для каждого столбца. Мне нужно, чтобы мои ng-опции устанавливались в каждый из CalculationTypes, где AvailableSummaryColumns.ColumnName равно ColumnName текущего объекта AvailableColumns в моем ng-repeat.

Я пробовал все, что я знаю, чтобы попробовать, но просто не могу получить эту привязку должным образом. Каков наилучший способ достичь этого?

---

нг-повторить:

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

В каждой строке, мне нужно нг-модель или NG-варианта в select быть привязанным к AvailableSummaryColumns.CalculationTypes, где AvailableSummaryColumns.ColumnName равно AvailableColumns .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>