2016-12-07 7 views
1

ng-repeatの両方で数字を生成する必要があります。これは$indexを使用していますが、もう一度ng-repeatに1からのシーケンスを返します。 私はスコープで変数を取ってみた後、ビューをインクリメントしてみましたが、それもうまくいきません。両方のng-repeatで順番に番号を生成

Example plunker

コード:

<body ng-controller="MainCtrl"> 
    <ul ng-repeat="detail in details"> 
    <li><span>{{$index + 1}}</span><span> {{detail.name}}</span> 

    </li> 
    </ul> 
    <ul ng-repeat="detailed in details.name"> 
     <li><span>{{$index + 1}}</span><span>{{detailed.prof}}</span></li> 
    </ul> 
</body> 

コントローラー:

app.controller('MainCtrl', function($scope) { 

    $scope.details = [ 
    { "name": "Employees" }, 
    { "name": "Support" } 
    ]; 
    $scope.details.name = [ 
    { "prof": "enginerr" }, 
    { "prof": "doctor" } 
    ]; 
}); 

ここでは、このplunkerエンジニアの数は3と医師数でなければなりません。4.

すべてのヘルプでなければなりませんでしょう感謝する。

答えて

4

ng-repeat

<body ng-controller="MainCtrl"> 
    <ul ng-repeat="detail in details"> 
    <li><span>{{$index + 1}}</span><span> {{detail.name}}</span> 

    </li> 
    </ul> 
    <ul ng-repeat="detailed in details.name"> 
     <li><span>{{details.length + $index + 1}}</span><span>{{detailed.prof}}</span></li> 
    </ul> 

details.lengthを追加
関連する問題