स्मार्ट-टेबल "सेंट-सॉर्ट" काम नहीं कर रहा

Question

मैं कोणीय v1.3.15 का उपयोग कर रहा हूं। मैं एक API मार रहा है और इसलिए

यहाँ की तरह स्मार्ट मेज पर गुंजाइश के माध्यम से पारित करके डेटा प्राप्त करने में कर रहा हूँ 'scope.rowCollection' के डेटा स्वरूप के रूप में कंसोल पर देखा है

डेटा ठीक से पॉप्युलेट करता है लेकिन जब मैं टेबल-हेडर पर क्लिक करने की कोशिश करता हूं और इसे सेंट-सॉर्ट विधि का उपयोग करके सॉर्ट करता हूं, तो तालिका मान स्पष्ट रूप से कॉलम को सॉर्ट नहीं करते हैं। यहाँ एक देखने की मेरी HTML स्निपेट

कर सकते हैं क्या आप मुझे बता वास्तव में क्या मैं गलत कर रहा हूँ है। जिस क्षण मैं अपने डेटा संग्रह सेट का उपयोग करता हूं (हार्ड कोड नहीं किया जाता) पूरे टेबल मानों को खराब कर दिया जाता है। मुझे वैरिएबल नामों के साथ कुछ करने की भावना है जो मैं कोणीय अंत में उपयोग कर रहा हूं। किसी भी मदद की बहुत सराहना की है .... धन्यवाद

Answer 1

आपकी टिप्पणी निखिल के बाद। इसलिए जैसे सेंट-सुरक्षित-src का उपयोग करें:

एचटीएमएल

<table st-table="displayedCollection" st-safe-src="rowCollection"> 
     <thead> 
     <tr> 
      <th st-sort="firstName">First Name</th> 
      <th st-sort="lastName">Last Name</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr ng-repeat="row in displayedCollection"> 
      <td>{{row.firstName}}</td> 
      <td>{{row.lastName}}</td> 
     </tr> 
     </tbody> 
</table> 

जे एस

app.controller('Ctrl', function($scope, service) { 
    $scope.displayedCollection = []; 

    service.all.then(function(list) { 
     $scope.rowCollection = list; 
     $scope.displayedCollection = list; 
    }); 
}); 

यह है कि।

Answer 2

मुझे लगता है कि यह जिस तरह से आप इसे कोड करते हैं, पंक्ति.नाम पर सॉर्ट करने का प्रयास कर रहा है। यह देखने के लिए निम्न प्रयास करें कि यह काम करता है:

 st-sort="employee.name" 

Answer 3

यदि आप डेटा को असीमित रूप से ला रहे हैं (रिमोट डेटाबेस से, आरामपूर्ण एंडपॉइंट, AJAX कॉल, आदि) तो आपको stSafeSrc विशेषता का उपयोग करना होगा। आपको बेस और सुरक्षित संग्रह दोनों के लिए एक अलग संग्रह का उपयोग करना होगा या आप अनंत लूप के साथ समाप्त हो सकते हैं।

जब से मैं शोकहारा सेवा सेंट-तालिका से डेटा हो रही है = "displayedCollection" सेंट-सुरक्षित-src = "rowCollection" मेरी समस्या का समाधान