1

Lütfen başlığı iyice doğrulayın. Aradığım şeyi en iyi nasıl tanımlayacağımı anlayamadım.Ciltleme filtrelenmiş model seç

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

ben bu nesnenin ebeveyn üzerinden yürür ve iç veriler, hiçbir sorun bağlanan bir direktif var:

Benim JSON şuna benzer. Sorun şu ki, bir seçimin ng seçeneklerinin ColumnName ile filtrelenmiş bir nesneye bağlanması gerektiğidir.

Yinelemeli yinelemde, her sütun için bir CalculationTypes hesabı seçiyorum. AvailableSummaryColumns.ColumnName öğesinin yinelenen yinelenen geçerli CurrentColumns nesnesinin ColumnName değerine eşit olduğu CalculationTypes öğelerinin her birine ayarlanacak ng seçeneklerine ihtiyacım var.

Denemek için bildiğim herşeyi denedim, ancak bu sınırı düzgün bir şekilde alamıyorum. Bunu başarmanın en iyi yolu nedir?


ng-tekrar: her satır içinde

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

ben AvailableSummaryColumns.ColumnName AvailableColumns eşittir AvailableSummaryColumns.CalculationTypes bağlı olmak ng model veya bir select ng-seçenekleri mi .Sütun adı.

+0

ng-repeat kod ve ng-seçenekleri –

+0

@GonzaloPincheiraArancibia veriniz daha detaylı bir kılavuz olarak bu kullanma – Steve

cevap

1

bu deneyin:

<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> 
+1

ile sorumu düzenledikten ben kodunuzu değiştirmek başardı aradığım seçenekleri bana ver. Teşekkür ederim! – Steve

+0

hoş geldiniz! –