1 
 <table class="table table-bordered">
      <tr ng-repeat="x in AppliedJob">
    <td>{{x.JobName}}</td>
 <td>  <span class="dropdown" ng-repeat="y in AppliedCenter|  unique: 'Location' " ng-if="y.JobName==x.JobName">
 {{$index+1}}){{y.Location}}                      
 </span> </td></tr> </table>

上記コードの出力

1) Tester    :  1)India 2)USA 3)Australia
2) Developer :  4)Japan 5)China

必要な出力

1) Tester    :  1)India 2)USA 3)Australia
2) Developer :  1)Japan 2)China

に設定$Indexしたい1。

4

1 に答える 1

0

ng-ifこれは、配列とそのインデックスに影響を与えないものを使用してフィルタリングしているために発生します。DOMから要素を削除するだけです。比較の代わりにフィルターを使用する必要があるため、式は次のようになります。例を参照してください:y.JobName==x.JobNameng-ifng-repeaty in AppliedCenter | unique: 'Location' | filter: { JobName: x.JobName }

angular
.module('Test', [])
.controller('TestController', ['$scope', function($scope) {
  $scope.cities = ["New York", "LA"];
  $scope.jobs = [{ name: "QA", city: "New York"}, { name: "Frontend", city: "New York"}, {name: "Backend", city: "New York"}, {name: "DBA", city: "LA"}, { name: "QA", city: "LA"}];
  }]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<div ng-app="Test">
  <div ng-controller="TestController">
    <table>
      <tr ng-repeat="city in cities">
        <td ng-bind="city"></td>
        <td>
          <span ng-repeat="job in jobs | filter:{city: city}">{{($index + 1) + ")" + job.name}} </span>
        </td>
      </tr>
     </table>
  </div>
</div>

于 2016-08-31T05:49:04.067 に答える