5

tl के लिए एक कोणीय एप्लिकेशन, डॉ क्या जो छानने का समर्थन करता है एक कोणीय एप्लिकेशन की संरचना और क्लाइंट साइड कीस्ट्रक्चरिंग सर्वर साइड फ़िल्टरिंग और पृष्ठांकन

प्रसंग पर रेडियो बटन फ़िल्टर का उपयोग कर सर्वर साइड पर क्रमबद्ध करने के लिए सबसे अच्छा तरीका हो सकता है ऐप:

मेरे पास एक नमूना फिल्म सूची ऐप है, जहां फिल्मों में उन्हें वर्गीकृत करने के लिए शैली और शैली है। उन्हें नाम, रेटिंग, रिलीज के वर्ष के आधार पर क्रमबद्ध किया जा सकता है। बैकएंड बहुत स्पष्ट है, मैं क्वेरी पैरामीटर के रूप में फ़िल्टर को यूआरएल में पास करता हूं और डेटा वापस कर दिया जाता है और पेजिनेशन भी संबोधित किया जाता है। क्लाइंट साइड से मैं यूआरएल बनाता हूं और स्ट्रिंग पैरा को संलग्न करता हूं। हालांकि मैंने फ़िल्टर के कुछ कार्यान्वयन और क्लाइंट पक्ष पर सॉर्ट करने की कोशिश की है और संतुष्ट नहीं था। प्रत्येक कार्यान्वयन में फ़िल्टर के लिए रेडियो बटन का उपयोग करना शामिल है। मेरे द्वारा निम्नलिखित दृष्टिकोण का उपयोग किया गया था।

तरीकों का इस्तेमाल किया:

  1. कुछ शैलियों और फिल्मों की शैली के आधार पर फ़िल्टर बनाएं, एक घटना का शुभारंभ जब एक रेडियो बटन क्लिक किया जाता है, इस घटना में फिल्टर रेडियो मॉडल गुजरती हैं। मूवी लिस्ट डायरेक्टिव में ईवेंट के लिए सुनो और फिर सर्वर कॉल को ट्रिगर करके यूआरएल बनाएं।

  2. फ़िल्टर बनाएं और सेवा में डेटा पास करें, जब भी कोई रेडियो बटन क्लिक किया जाता है तो एक ईवेंट लॉन्च करें। घटना के लिए सुनो और सेवा से डेटा प्राप्त करें। यूआरएल बनाएं और सर्वर कॉल शुरू करें।

  3. अभी तक इस दृष्टिकोण का इस्तेमाल किया लेकिन यह एक रेडियो बटन पर क्लिक करने पर क्वेरी पैरामीटर के रूप में ब्राउज़र यूआरएल में डेटा धक्का कोशिश देने के बारे में सोच नहीं है। निर्देश के अंदर यूआरएल परिवर्तन घटना के लिए सुनो और सर्वर कॉल

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

मैं अपने 2 दृष्टिकोण से संतुष्ट नहीं हूं और सोचता हूं कि सुधार के लिए एक बड़ा कमरा है। क्या कोई भी मौजूदा दृष्टिकोण को बेहतर बनाने के लिए एक बहुत ही स्केलेबल दृष्टिकोण या कुछ सुझा सकता है जिसका मैं उपयोग कर रहा हूं। अग्रिम में धन्यवाद।

** मैं आईएनओएन का उपयोग कर रहा हूं। मैं रीफ्रेश और अनंत स्क्रॉल सुविधाओं को खींचने का लाभ लेना चाहता हूं। इन्हें आयनिक-सामग्री निर्देश के अंदर रखा जाना है। इसलिए उपयोग किए जाने वाले दृष्टिकोण को इस आवश्यकता को पूरा करना चाहिए **

+0

कृपया कुछ कोड जोड़ें। अब तक तुमने क्या प्रयास किये हैं? – lin

+0

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

+0

पर आधारित हैं तो कृपया एक plnkr बनाएं। Plnkr आपको बहुत सारे कोड जोड़ने की अनुमति देता है :) – lin

उत्तर

0

ठीक है, अगर मैं आप थे तो मैं अपने $scope में एक चर बदल दूंगा और अपने फ़िल्टरों के साथ फिर से अनुरोध करने के लिए अपने परिवर्तन सुनूंगा।

मैंने आपकी मदद करने के लिए एक प्लंकर बनाया है। https://embed.plnkr.co/cNZ1Um7FycaPBjef5LI1/

इस प्लंकर में, मैंने को radio buttons में जोड़ा। जब इन रेडियो बटनों का चयन किया जाता है, तो वे मेरे चर को उनके values के साथ बदलते हैं।

<input type="radio" value="new" ng-model="area"> 

परिवर्तन ऊपर यह रेडियो बटन "new" करने के लिए $scope.area मूल्य।फिर, मेरा नियंत्रक इस परिवर्तन घटना को सुनता है और मेरा $scope.requestAPI फ़ंक्शन कॉल करता है।

$scope.$watch('area', function() { 
    $scope.requestAPI($scope.area, $scope.category); 
}); 

इस समारोह लिए अनुरोध करने की $scope.area और $scope.category के मूल्यों का उपयोग करें। अपने मूल्यों को बदलना, आप अनुरोध बदलते हैं।

यह बिल्कुल वही सुविधा है जिसकी आपको आवश्यकता है।

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