Angularjs -Multiple Loop подряд с использованием ng-repeat

Question

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

<tr ng-repeat="x in liveclaimdata"  ng-repeat="y in hxdata"   line-height="24px" id="row_{{$index+1}}" >

    <td></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td id="{{$index+1}}_payer"></td>
    <td id="{{$index+1}}_payer"></td>
    <td id="{{$index+1}}_denials" ng-required="false" >{{x.denials}}</td>
    <td id="{{$index+1}}_low_reimb">{{x.low_reimb}} </td>
    <td id="{{$index+1}}_bundling">{{x.bundling}}</td>
    <td id="{{$index+1}}_payer_rating">{{x.payer_rating}}</td>
    <td id="{{$index+1}}_mr_request">{{x.mr_request}}</td>
    <td id="{{$index+1}}_appeal_percentage">{{x.appeal_percentage}}</td>
    <td id="{{$index+1}}_appeal_paid_percentage">{{x.appeal_paid_percentage}}</td>

    <td>Test  {{y.denials}} </td>

    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>

здесь ng-repeat="y in hxdata" не работает.

Массив данных в реальном времени

0
:
$$hashKey
:
"object:61"
appeal_paid_percentage

:
"0"
appeal_percentage
:
"0"
bundling
:
"0"
cpt
:
"35301"
denials
:
"0"
low_reimb
:
"1"
mr_request
:
"0"
payer
:
"AETNA INSURANCE - TRS/KY"
payer_rating
:
"0"
row_num
:
"0"
1
:
$$hashKey
:
"object:62"
appeal_paid_percentage
:
null
appeal_percentage
:
null
bundling
:
null
cpt
:
"26370"
denials
:
null
low_reimb
:
null
mr_request
:
null
payer
:
"AETNA INSURANCE - TRS/KY"
payer_rating
:
null
row_num
:
"1"
__p

похожая структура в данных hx

Answer 1

Эту проблему можно решить в другом методе. Путем создания функции в $ scope в конструкторе контроллера

$scope.livedatamapping=function(response){   
                     $.each(response.data, function(key, value){    
                             var row = parseInt(key)+1;   
                       $('#'+row+'_appeal_paid_percentage').html(value.appeal_paid_percentage);
                       $('#'+row+'_appeal_percentage').html(value.appeal_percentage);
                       $('#'+row+'_bundling').html(value.bundling);
                       $('#'+row+'_denials').html(value.denials); 
                       $('#'+row+'_low_reimb').html(value.low_reimb);
                       $('#'+row+'_mr_request').html(value.mr_request); 
                       $('#'+row+'_payer_rating').html(value.payer_rating);
                         $scope.edidataLoader=false;
                       //$scope.claimdataLoader=false;
                 }); 
    } 

, а затем сопоставить каждое значение с HTML-картографом. Вот оно

Answer 2

Исходя из моего понимания проблемы, у вас есть связанные данные в 2 массивах, и вы хотите использовать ng-repeat для их рисования.

Обновление (убрать второй нг-повтор)

<tr ng-repeat="x in liveclaimdata"  ng-repeat="y in hxdata"   line-height="24px" id="row_{{$index+1}}" >

до

<tr ng-repeat="x in liveclaimdata" line-height="24px" id="row_{{$index+1}}" >

и

Обновить (использовать индекс для перебора второго массива)

<td>Test  {{y.denials}} </td>

до

<td>Test  {{hxdata[$index].denials}} </td>