Angular.js: फ़ीचर: ngTrueValue को गैर-स्ट्रिंग मान स्वीकार करना चाहिए

मैं ngTrueValue के उद्देश्य के बारे में पूरी तरह से निश्चित नहीं हूं, सिवाय इसके कि यह एक मामले के लिए नियंत्रक को घड़ियों को जोड़ने के लिए एक सुविधा निर्देश की तरह लगता है। मुझे संदेह है कि यदि आप कुछ मॉडल को एक जटिल मूल्य पर सेट करना चाहते हैं, तो यह आपके चेकबॉक्स के मॉडल पर $scope.$watch लगाने के लिए क्लीनर हो सकता है और तदनुसार एक मॉडल को दायरे में संशोधित कर सकता है।

@ कोली , क्या आपके मन में एक विशिष्ट उपयोग का मामला है? @IgorMinar , @mhevery , @vojtajina , आप लोग क्या सोचते हैं?

उपयोग का मामला वास्तव में काफी सामान्य है:

मेरे पास $scope.categories=[{id:5,name:"First"},...}

तब मेरे पास एक चयनित श्रेणी सरणी है जिसमें उन श्रेणियों का सबसेट होता है।

मैं कुछ श्रेणियों (पेजिंग) के लिए एक चेकबॉक्स दिखाना चाहता हूं, और जब आप चेकबॉक्स को चेक या अनचेक करते हैं, तो चयनित श्रेणियां बदल जाती हैं।

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

मेरा उपयोग इस तरह समाप्त हुआ, मेरे मामले में ऑब्जेक्ट तुलना करने के लिए कीफिल्ड की आवश्यकता थी, चयनित समूह ऑब्जेक्ट और समूह ऑब्जेक्ट प्रारंभ में थोड़ा अलग हो सकता था (वे 2 अलग बैकएंड एपीआई से आए थे)

<ng-repeat="group in groups>
    <input type='checkbox' ng-model="selectedArray" ng-true-value="group" mi-checkbox="{keyField:'id'}">
</>

हेक, मेरे पास एक बहुत ही सरल उपयोग का मामला है जिसे मैं खोजने के लिए निराश था कि काम नहीं करता है - मुझे स्ट्रिंग के बजाय एक पूर्णांक की आवश्यकता है!

मैं एक चेकबॉक्स नियंत्रण प्रस्तुत करने के लिए एक टेम्पलेट का उपयोग कर रहा हूँ। इस मामले में मैं सही मूल्य नहीं जान सकता, वह मान विशिष्ट नियंत्रण जानकारी पर निर्भर करता है जिसे मैं प्रस्तुत करना चाहता हूं।

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

+1। एनजी-ट्रू-वैल्यू में समर्थन अभिव्यक्ति

+1 एनजी-ट्रू-वैल्यू में पूर्णांक का समर्थन करें

स्ट्रिंग के बजाय अभिव्यक्ति के लिए +1

+1 समर्थन भाव!

अभिव्यक्तियों के लिए +1

+1 वस्तुओं का समर्थन करें:

<div ng-repeat="group in groups">
    <input type='checkbox' ng-model="array[$index]" ng-true-value="group" />
</div>

@coli क्या आप अपने द्वारा लिखे गए निर्देश को साझा करना चाहेंगे? यह मेरे लिए एक बड़ी मदद होगी जबकि इस मुद्दे पर अभी भी विचार किया जा रहा है। शायद संक्षेप में?

@brab मैंने इसे दुर्भाग्य से पिछली नौकरी में लिखा था, लेकिन मूल रूप से, यह चेकबॉक्स के लिए अंतर्निहित कोड के समान है, मैं एक कस्टम निर्देश और जोड़ा अभिव्यक्ति समर्थन में कॉपी/पेस्ट करता हूं। (+ बिल्ट-इन को हटाने के लिए एक बदसूरत हैक)

अभिव्यक्ति बहुत अच्छी होगी! हालांकि, पूर्णांकों के लिए जावास्क्रिप्ट सत्य परीक्षण की भी अपेक्षा की जाएगी। मैं किसी ऑब्जेक्ट को पॉप्युलेट करने के लिए $resource का उपयोग करता हूं जो डेटाबेस बूलियन से पूर्णांक मान (1 या 0) देता है। ये तब $scope से जुड़े होते हैं जिसके लिए इनपुट पर ng-model बाध्य होता है। वास्तव में यह जानकर आश्चर्य हुआ कि एनजी-ट्रू-वैल्यू = "1" सेट करना पूर्णांक 1 को सत्य के रूप में नहीं पहचानेगा और बॉक्स को चेक करेगा। इस बीच बताए गए अन्य तरीकों पर गौर करेंगे।

+1

अभिव्यक्तियों के लिए +1

+1। एनजी-ट्रू-वैल्यू में समर्थन अभिव्यक्ति

सहायक अभिव्यक्तियों पर +1!
मेरे मामले में, गतिशील रूप से एक फॉर्म बनाने की जरूरत है।
उदाहरण: http://jsfiddle.net/federosky/N8Wjm/5/

पूर्णांक के लिए +1

1+ पूर्णांक के लिए

पूर्णांक के लिए +1 (या कोई JS नंबर)

:+1: कृपया भावों का समर्थन करने के लिए! कृपया! कृपया! :-)

+1 कम से कम पूर्णांक समर्थन के लिए, अधिमानतः भाव भी।

कैसे किसी के बारे में समर्थन संख्या के लिए एक पीआर सामने रखता है?

अभिव्यक्तियों के लिए +1

पूर्णांक के लिए +1

पूर्णांक के लिए +1

+1

:+1: भाव के लिए।

+1। बस समस्या में भाग लें जब मेरे पास एक बूलियन संपत्ति 'छिपी हुई' है जिसे पृष्ठ पर 'दृश्यमान' चेकबॉक्स के रूप में दर्शाया जाना चाहिए। इसलिए, मुझे FALSE का अर्थ 'चेक' किया गया है और 'TRUE' का अर्थ अनचेक किया गया है।

मुझे आश्चर्य है कि इस मुद्दे के लिए एक आसान समाधान क्या होगा? मुझे वास्तव में अपने स्वयं के चेकबॉक्स निर्देश लिखना या उलटा सहायक बूलियन गुणों के साथ दायरे को प्रदूषित करना पसंद नहीं है ताकि उन्हें अप्रत्यक्ष बाध्यकारी के लिए उपयोग किया जा सके।

यह संभवतः लागू करने के लिए बहुत छोटा है, मुझे बिस्तर से पहले इसे जाना होगा।

मेरा पैच केवल निरंतर अभिव्यक्तियों का समर्थन करता है, लेकिन अगर लोगों को वास्तव में इसकी आवश्यकता है, तो मुझे लगता है कि कोई भी अभिव्यक्ति पर्याप्त होगी। हालांकि, ब्रेकिंग चेंज न करने का यह सबसे आसान तरीका था।

+1

+1

+1

पूर्णांक प्रकार के लिए +1

+1

अभिव्यक्तियों के लिए +1

+1

+1

+1

+1

:+1:

ये वे हैक हैं जिनकी अभी आवश्यकता है (कई डब्ल्यूटीएफ):

<input type="checkbox" ng-model="fake" ng-checked="!notChecked" ng-change="notChecked = !notChecked"/>

+1

+1 "+1" के दो साल हो गए हैं। हम अभी तक इसका समर्थन क्यों नहीं कर रहे हैं?

@jancarloviray , +1

बहुत बुरा: मेरे लिए इसका मतलब है कि चीजें और अधिक जटिल हो गई हैं।
पहले मैं इस्तेमाल करता था
ng-true-value="{{proxyOnValue}}"
जहां प्रॉक्सीऑनवैल्यू को नियंत्रक में प्रारंभ किया गया था।
(वही दृश्य HTTP/HTTPS/FTP/POP3/SMTP प्रॉक्सी कॉन्फ़िगरेशन के लिए पुन: उपयोग किया जाता है जहां वास्तविक मान भिन्न होता है।)

अब मैंने कोशिश की
ng-true-value="proxyOnValue"
लेकिन यह एक अपवाद फेंकता है क्योंकि अभिव्यक्ति स्थिर नहीं है।

तो इसका मतलब है कि मुझे एक सरल कार्यान्वयन (ngTrueValue) को अधिक जटिल कार्यान्वयन (घड़ी या Object.defineProperty) के साथ बदलना होगा, इसलिए वास्तव में जो इरादा था उसके विपरीत।

यह कृत्रिम प्रतिबंध क्यों?
अभी - अभी

• जब भी मॉडल बदलता है या उपयोगकर्ता चेकबॉक्स पर क्लिक करता है तो ngTrueValue/ngFalseValue के वर्तमान मान का उपयोग करें
• अच्छे उपाय के लिए ngTrueValue/ngFalseValue अभिव्यक्तियों पर एक आंतरिक घड़ी रखें (यदि वे स्थिर नहीं हैं) और घड़ी के ट्रिगर होने पर चेकबॉक्स स्थिति को अपडेट करें।

@eekboom - आप अभी भी अपने प्रक्षेप का उपयोग कर सकते हैं: http://plnkr.co/edit/LQ6OpFjkjiFLxxMJ9hxj?p=preview

@petebacondarwin - वह प्रक्षेप का उपयोग कर सकता है, लेकिन यह उसकी मदद नहीं करेगा: http://plnkr.co/edit/nNwjEkPIDJwe60HWX950?p=preview
मान की जाँच केवल एक बार की जाती है - बाद के परिवर्तनों को हिसाब में नहीं लिया जाता है, इसलिए हमेशा केवल प्रारंभिक मान का उपयोग किया जाता है।

@dliebscher - मेरी समझ यह थी कि @eekboom केवल इसे एक बार प्रारंभ करना चाहता था:

पहले मैंने ng-true-value="{{proxyOnValue}}" का उपयोग किया था जहां प्रॉक्सीऑनवैल्यू को नियंत्रक में प्रारंभ किया गया था।

हां और नहीं: मैं इसे केवल एक बार प्रारंभ करना चाहता हूं, लेकिन केवल xhr के माध्यम से प्रॉक्सी कॉन्फ़िगरेशन लोड होने के बाद। तो दृश्य प्रारंभ होने के बाद यह (अपरिभाषित से) बदल जाता है।

@ईकबूम
जब मैं 1.2 से माइग्रेट कर रहा था, मैंने निम्नलिखित पर स्विच किया:

ng-true-value="{{proxyOnValue}}"

प्रति

ng-true-value="'{{proxyOnValue}}'"

जो काम करता है, लेकिन गूंगा दिखता है

मुझे बस एक दिलचस्प अहसास हुआ। मैं जो करने की कोशिश कर रहा था - और उसकी नज़र से, आप में से बहुत से लोग क्या करने की कोशिश कर रहे हैं - वास्तव में इसे पूरा किया जा सकता है:

ng-true-value="{{ myVariable | json }}"

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

getu-lar मैंने कोशिश की है कि आपने जो कहा है, एक जटिल वस्तु के साथ, यह काम करता है। एनजी-झूठे-मान में मैंने ng-false-value="{}" से भर दिया। डेटा से निपटने से पहले, मैं सरणी से सभी झूठे मूल्यों को काटने के लिए एक फ़िल्टर पास करता हूं। तो, बहुत धन्यवाद!

getu-lar के समाधान ने मेरे लिए काम किया। धन्यवाद।

मैं एक अभिव्यक्ति का उपयोग करने की कोशिश कर रहा था जो इसमें अंडरस्कोर के साथ एक स्ट्रिंग को हल करता है, उदाहरण के लिए "101_3"। मैंने getu-lar के समाधान का उपयोग किया और यह बस काम करता है। हालांकि एक हैक की तरह लगता है। इसे साझा करने के लिए धन्यवाद!

अभिव्यक्तियों के लिए +1

+1

ऐसा प्रतीत नहीं होता है कि एंगुलर टीम के लिए 1.x श्रृंखला के लिए एक समझदार चेकबॉक्स निर्देश प्रदान करने की बहुत उम्मीद है ... यह बहुत मुश्किल नहीं हो सकता है। अनिवार्य उद्धरण के कारण अभिव्यक्ति समर्थन पूरी तरह से पिछड़ा संगत होगा।

तब तक सुझाया गया समाधान मेरे लिए काम कर रहा है:

ng-true-value="{{ myVariable | json }}"

सुनिश्चित करें कि नियंत्रक में myVariable परिभाषित है। मैंने इसे पोस्ट-लिंक में परिभाषित करने की कोशिश की और यह काम नहीं किया।