2014-10-18 18 views
6

के साथ धीमा है मैं 5,000 के डेटासेट के साथ चयन 2 का उपयोग करने की कोशिश कर रहा हूं।कोणीय चयन 2 बड़े पैमाने पर डेटा सेट

बातचीत धीमी है, खासकर खोज। मुझे निकट भविष्य में 500,000 के डेटासेट को संभालने की आवश्यकता होगी।

इस कुशल को कैसे बनाया जाए इस पर कोई सुझाव?

मेरे पास बूटस्ट्रैप टाइपहेड के साथ कोई प्रदर्शन समस्या नहीं है, हालांकि दी गई है, जिसमें कम कार्यक्षमता और प्रदर्शन तत्व हैं। मुझे यह भी नहीं पता कि खोज कार्यक्षमता टाइपहेड के साथ कैसे काम करती है।

यहाँ plunker उदाहरण, Select2 के लिए डेमो के रूप में एक ही है, लेकिन डेटा http://plnkr.co/edit/RyCTTloW6xp81WvoCzkf?p=preview

<ui-select ng-model="person.selected" theme="select2" ng-disabled="disabled" style="min-width: 300px;"> 
    <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.name}}</ui-select-match> 
    <ui-select-choices repeat="person in people | propsFilter: {name: $select.search, age: $select.search}"> 
     <div ng-bind-html="person.name | highlight: $select.search"></div> 
     <small> 
      email: {{person.email}} 
      age: <span ng-bind-html="''+person.age | highlight: $select.search"></span> 
     </small> 
    </ui-select-choices> 
</ui-select> 
+3

बड़े डेटा सेट के साथ मेरी राय में ड्रॉपडाउन कार्यक्षमता देने के लिए यह समझ में नहीं आता है कि आपको केवल टाइपहेड का उपयोग करना चाहिए, बड़े डेटा के साथ मुझे नहीं लगता कि उपयोगकर्ता को उन मूल्यों के साथ ड्रॉपडाउन देने में कोई मूल्य है जो वह हमेशा उपयोग करने जा रहा है किसी आइटम का चयन करने के लिए खोजें। – PSL

उत्तर

1

के 5,000 पंक्तियों के साथ मैं एक ही समस्या थी। यूआई-चयन में वास्तव में खराब प्रदर्शन है। मैं चयन का उपयोग करने का सुझाव देते हैं। यह बहुत बेहतर व्यवहार करता है लेकिन मुझे लगता है कि 500k बहुत अधिक हो सकता है। कोणीय सामग्री वर्चुअल सूचियां उत्तर हो सकती हैं। वे उस समय केवल कुछ विकल्प प्रस्तुत करते हैं और बस बाइंडिंग अपडेट करते हैं।

संबंधित मुद्दे