Angular.js: यदि हम मान साफ़ करते हैं तो संख्या इनपुट फ़िल्टर काम नहीं कर रहा है

को निर्मित 26 नव॰ 2014 · 5टिप्पणियाँ · स्रोत: angular/angular.js

यदि हम संख्या इनपुट मान को साफ़ करते हैं (इसे खाली करें) आदर्श रूप से फ़िल्टर लागू नहीं किया जाना चाहिए और सभी मान सूचीबद्ध होने चाहिए। अभी अगर हम इनपुट बॉक्स में नंबर डालकर 5 कहते हैं तो कुछ फ़िल्टर लागू करते हैं तो यह ठीक काम करता है और 5 से मेल खाने वाले सभी डेटा नीचे सूचीबद्ध होते हैं। अब अगर हम इनपुट बॉक्स में मान साफ़ करते हैं, तो आदर्श रूप से सभी मानों को सूचीबद्ध किया जाना चाहिए (कोई फ़िल्टर नहीं) लेकिन कोणीय संख्याओं के लिए शून्य फ़िल्टर लागू करता है और सबकुछ फ़िल्टर किया जाता है (एनजी-दोहराना कुछ भी सूचीबद्ध नहीं करता है)।

इनपुट प्रकार = "संख्या" एनजी-मॉडल = "आयु"

फ़िल्टर: आयु

नोट: टाइप = टेक्स्ट इनपुट के साथ कोई समस्या नहीं है

forms low confusing bug

स्रोत

webtunings

सबसे उपयोगी टिप्पणी

(जैसा कि आपने उल्लेख किया है) ऐसा इसलिए होता है क्योंकि input[number] फ़ील्ड खाली होने पर मॉडल को null असाइन करता है।

जिस तरह से आप इसकी अपेक्षा करते हैं, उसके काम करने की अपेक्षा करना उचित है (आईएमओ), लेकिन मुझे यकीन नहीं है कि हम इसे कैसे संबोधित कर सकते हैं।
इसे फ़िल्टर साइड पर ठीक करना वांछनीय नहीं है, क्योंकि null देखने के लिए एक मान्य मान हो सकता है (और हम इसे अपरिभाषित नहीं मान सकते हैं)। इसे NgModelController ठीक करना शायद एक व्यवहार्य समाधान भी नहीं है।

@ अन्य : विचार?

इस बीच, आप इसका उपयोग कर सकते हैं (इतना सुंदर नहीं) वर्कअराउंड:

<input type="number" ng-model="search.posts" />
...
<div ng-repeat="user in users | filter:((search.posts===null)?undefined:search)">...</div

डेमो बेला

gkalpak 26 नव॰ 2014

👍2

सभी 5 टिप्पणियाँ

@ अन्य : विचार?

इस बीच, आप इसका उपयोग कर सकते हैं (इतना सुंदर नहीं) वर्कअराउंड:

<input type="number" ng-model="search.posts" />
...
<div ng-repeat="user in users | filter:((search.posts===null)?undefined:search)">...</div

डेमो बेला

gkalpak 26 नव॰ 2014

👍2

हम null लौटाते हैं क्योंकि पार्सर से undefined लौटाने से पार्स त्रुटि सेट हो जाती है। एक और कारण है कि यह सबसे अच्छा डिज़ाइन नहीं है।

Narretz 26 नव॰ 2014

@Narretz मैं पूछने वाला था कि हम undefined क्यों नहीं लौटाते :-)

pkozlowski-opensource 26 नव॰ 2014

मुझे पता है कि यह पोस्ट थोड़ी पुरानी है, लेकिन मुझे इस समस्या को हल करने का तरीका जानने में बहुत बुरा समय लगा, इसलिए मैं अपना समाधान साझा करना चाहता हूं। अपने इनपुट फ़ील्ड में एक oninput ईवेंट जोड़ें और जावास्क्रिप्ट फ़ंक्शन में जांचें कि क्या इस फ़ील्ड का मान एक खाली स्ट्रिंग है, यदि ऐसा है तो इनपुट फ़ील्ड के मान को हटा दें:
दस्तावेज़ हटाएं। getElementById ('जो कुछ भी')। मूल्य;

thbox 10 दिस॰ 2014

मुझे नहीं लगता कि HTMLInputElement विशेषताओं को विन्यास योग्य माना जाता है

caitp 10 दिस॰ 2014

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Angular.js: यदि हम मान साफ़ करते हैं तो संख्या इनपुट फ़िल्टर काम नहीं कर रहा है

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

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