Angular.js: एनजी-रिपीट के भीतर स्ट्रिंग्स की सरणियों को ठीक से संभाला नहीं जा रहा है

मुझे लगता है कि आपके पास यह था:

 <div ng-repeat="value in model.values">
 <इनपुट प्रकार = "पाठ" एनजी-मॉडल = "मान" />
 </div>

यह काम नहीं करेगा क्योंकि आप एक दायरे के लिए बाध्य हैं। मूल रूप से आपके पास . में ng-model या रिवर्स डेटा बाइंडिंग प्राइमेटिव पर काम नहीं करता है।

इसलिए यह मूल रूप से अपेक्षित है क्योंकि आप एक दायरे के लिए बाध्यकारी हैं। मूल्य संपत्ति पुनरावर्तक में मूल मूल्य के लिए नहीं है।

आपके वर्कअराउंड के साथ झिलमिलाहट भी अपेक्षित है क्योंकि डेटा बाइंडिंग सरणी को बदल देता है, जो तब इसे पुनरावर्तक की तरह दिखता है जैसे कि Value 1 बचा है और नया Value 2X दिखाई दिया है, इसलिए पुनरावर्तक पुराने DOM को हटा देता है नोड और इसे एक नए डोम नोड के साथ बदल देता है इसलिए फोकस का नुकसान होता है।

मुझे पता है कि यह काउंटर सहज ज्ञान युक्त है, लेकिन इस तरह से सिस्टम आर्किटेक्टेड है। आदिम से मत बांधो मेरा जवाब है।

फॉलो अप के लिए धन्यवाद। इसे ध्यान में रखने के लिए मैं अपनी डेटा संरचना को समायोजित करूंगा।

मेरा उदाहरण भी काम नहीं करता: http://jsfiddle.net/nicholas_r/7KrQ5/

मैंने यहां दिए गए समाधान का पालन किया लेकिन इसका कोई असर नहीं हुआ और समस्या अभी भी यहां है।

यहां दिया गया समाधान कहता है, "आपके पास . में ng-model ।" आपने यह नहीं किया। आपका है ng-model="field" ।
आपको अपने डेटा को पुनर्गठित करने की आवश्यकता है ताकि आपके पास _objects_ की एक सरणी न हो।
यहाँ एक निश्चित पहेली है: http://jsfiddle.net/7KrQ5/1/

ओह, मेरी गलती। धन्यवाद।

मैं इस काम को एक फीचर अनुरोध के रूप में सबमिट करना चाहता हूं (हालांकि मुझे लगता है कि यह असंभव है, इस मुद्दे पर अब तक प्रतिक्रिया दी गई है)। क्या यह टिप्पणी ऐसा करने के लिए पर्याप्त है, या क्या मुझे एक नया अंक खोलना चाहिए?

क्या आपने एनजी-रिपीट निर्देश के इस संस्करण को आजमाया है?
https://github.com/angular/angular.js/pull/1661
यह कई मुद्दों को ठीक करता है जो पुनरावर्तक के पास आदिम मूल्यों के साथ थे।
@NickHeiner : मुझे बिल्कुल यकीन नहीं है कि आप किस विशिष्ट सुविधा का अनुरोध कर रहे हैं?

मैं एक ऐसी सुविधा का अनुरोध कर रहा हूं जहां आप सीधे एनजी-रिपीट के भीतर एक स्ट्रिंग से जुड़ सकते हैं।

अब आप ऐसा कर सकते हैं। मुझे संदेह है कि आपका क्या मतलब है कि आप चाहते हैं कि स्ट्रिंग अपडेट होने पर एनजी-रिपीट के बाहर का दायरा अपडेट हो जाए?

हां, मैं स्ट्रिंग की सूची में ng-model भीतर ng-repeat का उपयोग करने में सक्षम होना चाहता हूं और उम्मीद के मुताबिक दो तरह से बाध्यकारी काम करने में सक्षम होना चाहता हूं।

मैं समझता हूं कि यह अब काम क्यों नहीं करता है, और यह महसूस करता हूं कि इसे काम करना इसके लायक होने की तुलना में अधिक परेशानी हो सकती है, लेकिन मुझे लगता है कि यह देखने लायक है क्योंकि इससे कोणीय के साथ काम करना आसान हो जाएगा।

जावास्क्रिप्ट के काम करने के तरीके को बदले बिना इसे काम करने का एकमात्र तरीका
अपने रिपीट लूप के भीतर someArray[$index] का उपयोग करना है। उदाहरण के लिए

यह आपको तत्व को सीधे संदर्भित करने की अनुमति देता है ताकि परिवर्तन हो
सरणी में परिलक्षित।

लेकिन यह वर्तमान एनजी-रिपीट कार्यान्वयन के साथ सही ढंग से काम नहीं करता है
क्योंकि जिन divs में इनपुट होता है वे नष्ट या स्थानांतरित होते रहते हैं
प्रत्येक परिवर्तन के आसपास। मैंने पहले जिस फिक्स का उल्लेख किया है वह इसकी अनुमति देता है।

12 दिसंबर 2012 को 15:35 पर, निक हेनर नोटिफिकेशन @github.com ने लिखा:

हां, मैं एनजी-मॉडल को एनजी-रिपीट के भीतर उपयोग करने में सक्षम होना चाहता हूं a
तार की सूची और उम्मीद के मुताबिक दो तरह से बाध्यकारी काम करने में सक्षम हो।

मैं समझता हूं कि यह अब काम क्यों नहीं करता है, और मुझे एहसास है कि यह काम कर रहा है
इसके लायक से अधिक परेशानी हो सकती है, लेकिन मुझे लगता है कि यह देखने लायक है
क्योंकि यह कोणीय के साथ काम करना आसान बना देगा।

-
इस ईमेल का सीधे उत्तर दें या इसे Gi tHubhttps: //github.com/angular/angular.js/issues/1267#issuecomment -11293595 पर देखें।

हाँ, यह काम करता है। धन्यवाद!

यह कोणीय में काम करता है 1.1.4- (तारों की एक सरणी को दोहराते हुए)

http://jsfiddle.net/ez86K/

स्ट्रिंग सरणी के सदस्यों को UI घटक से प्रभावी ढंग से बाँधने का एक तरीका यहां दिया गया है। मैंने टेक्स्टरेरा बॉक्स का इस्तेमाल किया, लेकिन इसे इनपुट या जो कुछ भी किया जा सकता है:

http://jsfiddle.net/VvnWY/4/

नमस्ते, कृपया मुझे एनजी-रिपीट में प्रत्येक पंक्ति में एक टेक्स्ट फ़ील्ड को बाध्य करने की आवश्यकता है। मैं चाहता हूं कि टेक्स्ट फ़ील्ड में प्रत्येक पंक्ति के लिए अलग-अलग मान हों। मेरा एनजी-मॉडल मेरे एनजी-रिपीट में सभी टेक्स्टफील्ड के लिए एक मान को बाध्य कर रहा है। कृपया आप कैसे सलाह देते हैं कि मैं आगे बढ़ूं।

ठीक है, मैंने इसे कोणीय के नवीनतम संस्करण का उपयोग करके काम करने का एक तरीका निकाला। यदि सरणी का आकार नहीं बदलेगा तो आप इस तरह एक बार बाध्यकारी का उपयोग कर सकते हैं:

<li ng-repeat="str in ::arrayOfStrings">
<input ng-model="arrayOfStrings[$index]" />
<br/>
</li>

यह दोहराव को डोम को बदलने से रोकेगा और प्राइमेटिव में बदलाव को सही ढंग से देखा जाएगा।

मैं इसके आसपास काम करने में सक्षम था और ट्रैक का उपयोग करके खोए हुए फोकस के साथ समस्या से बचने का उपयोग करता था (1.3 के खिलाफ परीक्षण किया गया)

<div ng-repeat="value in model.values track by $index">
  <input type="text" ng-model="model.values[$index]">
</div>              

टोबॉइड: उस समाधान को साझा करने के लिए धन्यवाद! मैं ऐसी स्थिति में था जहां मेरे सरणी डेटा को वस्तुओं की एक सरणी में पुनर्गठित करना बहुत बोझिल होता (पुनरावर्ती निर्देश विचारों में)। $index के आधार पर ट्रैक करने में सहायता मिली।

मैं सोच रहा हूं कि 'ट्रैक बाय' इस मुद्दे को हल क्यों करता है? अंतर्निहित कारण क्या है?

धन्यवाद @toboid ने मेरी समस्या को हल कर दिया, यह काम करता है।

यदि आप किसी वस्तु को सरणी में लपेटना नहीं चाहते हैं

<div ng-repeat="value in model.values track by $index">
  <input type="text" ng-model="model.values[$index]">
</div>

{{data.rulename}}

मैंने उपरोक्त के रूप में नमूने के साथ गतिशील रूप से रेडियो बटन के साथ फॉर्म बनाया है जिसमें कार्रवाई सबमिट करते समय मुझे फॉर्म डेटा मान नहीं मिल सका। कृपया मार्गदर्शन करें कि कैसे हल करें