ng-repeat

Question

में समूहों को अलग करने के लिए कैसे करें मेरे पास सामान्य रूप से ng-repeat का उपयोग करके मैं दिखाना चाहता हूं। मैं कुछ ऑर्डर (आसान) में दिखाना चाहता हूं, लेकिन जब भी ऑर्डर किए गए गुण बदलते हैं, तो मुझे कुछ एचटीएमएल चाहिए।

उदाहरण: (Fiddle):

<div ng-app ng-controller="Main"> 
    <div ng-repeat="item in items | orderBy:'role'"> 
     {{item.role}} - {{item.name}} 
    </div> 
</div> 

function Main($scope){ 
    $scope.items = [{name: 'First', role: 1}, 
        {name: 'Second', role:2}, 
        {name: 'Third', role: 1}, 
        {name: 'Fourth', role: 2}]; 
    } 

मैं इसे प्रिंट करना चाहते हैं:

1 - पहले
1 - तीसरा
(कुछ विभाजक कोडे)
2 - दूसरा
2 - चौथा

Answer 1

आप अपने दायरे में एक फ़ंक्शन बनाना चाहते हैं।

$scope.currentRole = 'something'; 
$scope.CreateHeader = function(role) { 
     showHeader = (role!=$scope.currentRole); 
     $scope.currentRole = role; 
     return showHeader; 
} 

और फिर अपने HTML में:

<div ng-app ng-controller="Main"> 
    <div ng-repeat="item in items | orderBy:'role'"> 
     <div ng-show="CreateHeader(item.role)"> 
     something here for the header 
     </div> 
     {{item.role}} - {{item.name}} 

    </div> 
</div> 

Answer 2

@lucuma द्वारा समाधान केवल लूप के माध्यम से पहली बार काम करता है। यदि कोणीय सूची को रीफ्रेश करता है, तो वैरिएबल अभी भी पिछले लूप से सेट हो जाएगा।

function Main($scope){ 
    $scope.items = [{name: 'First', role: 1, header: false}, 
        {name: 'Second', role:2, header: false}, 
        {name: 'Third', role: 1, header: true}, 
        {name: 'Fourth', role: 2, header: false}]; 
} 

फिर @lucuma द्वारा एचटीएमएल काम करता है::

<div ng-app ng-controller="Main"> 
    <div ng-repeat="item in items | orderBy:'role'"> 
    <div ng-show="item.header"> // <== with this change 
     something here for the header 
    </div> 
    {{item.role}} - {{item.name}} 
    </div> 
</div> 

ओह, और आप को सॉर्ट सकता

इसके बजाय, मैं आरंभीकरण के दौरान सूची में एक नया विशेषता (जैसे कि, header) जोड़ा सूची प्रारंभ में एक बार और orderBy फ़िल्टर को हटा दें।