2013-03-11 7 views
5

मैं AngularJS का उपयोग कर रहा हूं और मुझे एक आवश्यकता है जिसमें मुझे के बाद एक विशेष अनुक्रमणिका दोहराने की आवश्यकता है। मैं अब क्या चाहते हैं कि <i class="icon-trash"></i> सूचकांक 3. चौथे पत्थर से है के बाद से, मैं रीसायकल बिन देखना चाहते हैं के बाद ही दोहराया जा रहा हैAngularJS: किसी विशेष इंडेक्स के बाद दोहराएं

<label ng-repeat="stones in rocks"> 
    <a href="#">Rock {{$index}}</a> 
    <i class="icon-trash"></i> 
</label> 

: तो, चलो कहते हैं कि मेरी कोड है करते हैं। मुझे यह कैसे हासिल होगा?

+0

एनजी-शो अच्छी तरह से काम करता है, लेकिन यदि आप ' 'डीओएम में तत्व, [एनजी-स्विच] का उपयोग करें (http://docs.angularjs.org/api/ng.directive:ngSwitch)। –

+0

मुझे उत्सुकता है कि [ng-if] (http://docs.angularjs.org/api/ng.directive:ngIf) के बजाय एनजी-स्विच का उपयोग करने का कोई कारण है (शायद आपकी टिप्पणी पुरानी रिलीज के दिनांकित है)। – BradGreens

उत्तर

11

ng-show एक अभिव्यक्ति ले जा सकते हैं:

<label ng-repeat="stones in rocks"> 
    <a href="#">Rock {{$index}}</a> 
    <i class="icon-trash" ng-show="$index > 2"></i><!--$index is 0-based--> 
</label> 

संस्करण 1.1.5 के रूप में, आप

<i class="icon-trash" ng-if="$index > 2"></i> 
+2

संस्करण के रूप में [1.1.5] (https://github.com/angular/angular.js/blob/master/CHANGELOG.md), आप अवांछित तत्वों को '' – BradGreens

+0

धन्यवाद @bradgreeens, उत्तर में जोड़ा गया –

3

साथ डोम से बाहर अवांछित तत्वों रख सकते आप बस पहले 3 पुनरावृत्तियों में छुपा हो सकता है, एनजी-शो का उपयोग करके:

<label ng-repeat="stones in rocks"> 
    <a href="#">Rock {{$index}}</a> 
    <i class="icon-trash" ng-show="$index>2"></i> 
</label> 
संबंधित मुद्दे