2017-03-21 6 views
1

をループでリピートngをしながら、私は、次のは、forループを使用している間

for (var i=0;i<10;i++){ 
 
    if(i==2) 
 
    { 
 
    for(i=2;i<=5;i++){ 
 
    console.log(i); 
 
    } 
 
    }else{ 
 
    console.log(i); 
 
    } 
 
}

を行うことができます$インデックス値を変更し、私は変更することにより、$インデックスを使用してNGリピートで同じことを行うことができます$インデックス値??

+0

あなたは '$のindex'でプレイしたい、なぜ?それを行うためのユースケースは何ですか? –

+0

私は新しいdivとしてすべての要素ではなく、1つのdivのみリストの一部を繰り返したいと思っています – DEV1205

+0

**短期間の回答:いいえ** '$ index'はその場では変更できません。 – georgeawg

答えて

0

あなたはcontrollerjs

var items=[0,1,2,3] 
angular.forEach(items,function(item,i){ 
if(i===2 && i<==5) 
    {  console.log(i); 

    }else{ 
    console.log(i); 
    } 
}); 

にこのような動作を実行したいときは、あなたがhtmファイル

<div ng-repeat="item in items"> 
<span ng-show="$index===2 && $index>=5">Some data </span> 
<span ng-show="!($index===2 && $index>=5)">Some data </span> 
</div> 
0

でそれをしたい場合、私はあなたがこのような何かを行うことができると思うangular.foreachを使用することができます。

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 
$scope.arrOne = [0,1,2,3,4,5,6,7,8,9] 
 
$scope.arrTwo = [0,1,2,3,4]; 
 
})
<script data-require="[email protected]" data-semver="1.6.2" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"></script> 
 
    
 
<div ng-app="app" ng-controller="ctrl"> 
 
<div ng-repeat="items in arrOne" ng-init="parentIndex = $index"> 
 
    <div ng-if="parentIndex === 2" ng-repeat="itemch in arrTwo | limitTo: (arrTwo.length - parentIndex) : parentIndex "> {{itemch}} 
 
    </div> 
 
</div> 
 
</div>

0

angular.module('app', []).controller('TestController', ['$scope', function($scope) { 
 
    $scope.items = []; 
 
    for(var i = 0; i < 10; i++) 
 
     $scope.items.push({id: i, name: 'name' + i}); 
 
}]);
<script src="//code.angularjs.org/snapshot/angular.min.js"></script> 
 

 
<body ng-app="app"> 
 
    <div ng-controller="TestController"> 
 
<ul ng-repeat='item in items' ng-init='temp=$index'> 
 
    <li>  
 
     <!--if(i==2){for(i = 2; i <= 5; i++)}--> 
 
     <span ng-if='temp==2' ng-repeat='item in items | limitTo : (5 - 2 + 1) : 2'> 
 
     {{item | json}} 
 
     </span> 
 
     <!--else{}--> 
 
     <span ng-if='temp!=2'>{{item | json}}</span>  
 
    </li> 
 
</ul> 
 
</div> 
 
</body>

関連する問題