/ / कस्टम बहु चयन ड्रॉपडाउन में संख्यात्मक अंकन लिंक कैसे एम्बेड करें - angularjs, angularjs-निर्देश, अंकन

कस्टम मल्टी सिलेक्ट ड्रॉपडाउन में न्यूमेरिक पेजिनेशन लिंक कैसे एम्बेड करें - कोणीय, कोणीय-निर्देश, अंकन

मुझे कबूल करना पसंद है कि मैं बहुत अच्छा नहीं हूंकोणीय और अभी भी सीखना। मुझे भारी डेटा लोड करना होगा और ड्रॉपडाउन द्वारा दिखाना होगा। अगर मैं ड्रॉपडाउन अंत में पेजिनेशन कर सकता हूं तो मैं पसंद करूंगा। मैं कस्टम ड्रॉपडाउन के साथ काम कर रहा हूं जो कि अच्छी है और इस साइट से लिया गया है http://developers.dss.ucdavis.edu/angularjs-serachable-multiselect-dropdown-directive/

लेकिन उपर्युक्त कस्टम बहु चयन ड्रॉपडाउन कमीपेजिनेशन लिंक दिखाने के लिए एक सुविधा। तो समस्या यह है कि उपयोगकर्ता न्यूनतम डेटा नहीं दिखा सकता है और डेटा के अगले सेट को लोड करने के लिए मांग पर अन्य लिंक पर क्लिक कर सकता है। बस किसी भी व्यक्ति को कस्टम निर्देश में कोड जोड़ने का मन है जो वहां पेजिनेशन सुविधा जोड़ता है।

इसलिए एक समय में मैं 20 डेटा लोड कर सकता हूं और अगले 20 डेटा लोड करने के लिए अगले पेजिनेशन लिंक पर क्लिक कर सकता हूं। मैंने लोगों को पहले से ही कोणीय अंकन निर्देश विकसित किए हैं। यहां एक समान लिंक है http://angularjs4u.com/pagination/top-5-angularjs-pagination-demos-2014/ इसलिए मैं कोणीय में नया हूं इसलिए समझ में नहीं आता कि कस्टम पगनेशन निर्देश को किसी अन्य कस्टम बहु चयन ड्रॉपडाउन निर्देश में कैसे जोड़ना है।

अगर कोई मुझे दिखाता है कि इसे कैसे प्राप्त किया जाए तो यह वास्तव में अच्छी मदद होगी। धन्यवाद

उत्तर:

उत्तर № 1 के लिए 1

उसी यूआई बूटस्ट्रैप के साथ कि वे उस ब्लॉग में उपयोग करते हैं, वहां एक पेजिनेशन निर्देश होता है।

यहाँ एक प्लंकर है

यहां कुछ महत्वपूर्ण बिंदु हैं:

  1. सामान्य एनजी-दोहराना फ़िल्टर किए गए चर के रूप में सेट किया जाता है ताकि पगनेटेड के साथ खोज फ़िल्टर के अपडेट की अनुमति मिल सके।

    ng-repeat="item in filtered = (allItems | filter: ...
    
  2. फ़िल्टर के बाद दोहराए जाने पर आप सूची में पेजिनेशन सेट करने के लिए "सीमा" सेट करते हैं

    ... ) | limitTo:limit:begin
    

    तो आपको बस पालन करना होगा ui बूटस्ट्रैप पेजिनेशन <uib-pagination total-items="filtered.length">