2013-02-21 16 views
10

मैं एक कोणीय अनुप्रयोग पर काम कर रहा हूं।Angular.js: दो-तरफा बाध्यकारी एनजी-दोहराना

मैं के लिए दो अलग-अलग बाध्यकारी वाले प्रत्येक इनपुट इनपुट क्षेत्र के साथ दो तरह के बाइंडिंग के साथ टेक्स्ट इनपुट फ़ील्ड की मनमानी संख्या के साथ एक फॉर्म उत्पन्न करना चाहता हूं। कोई बटन नहीं, कोई दर्शक नहीं। ng-model स्कोपिंग के कारण सही ढंग से काम नहीं कर रहा है (अगर मुझे गलत नहीं है)। इनपुट फ़ील्ड इस तरह एनजी-दोहराने के साथ एक सरणी से उत्पन्न होते हैं:

<div ng-repeat="item in items"> 
    <label>{{item.name}}</label> 
    <input type="text" placeholder="{{item.default}}" ng-model="{{item.value}}"> <!-- this input should be bound --> 
</div> 

मैं बस एक साधारण बाध्यकारी इनपुट में बदलाव पर नियंत्रक में items सरणी अपडेट करना चाहते हैं।

किसी भी मदद की सराहना की। घुंघराले ब्रेसिज़ के बिना

<input type="text" placeholder="{{item.default}}" ng-model="item.value"> 

सूचना ng-model:

+2

आप केवल कोणीय ब्रेसिज़ जरूरत {{var}} आप पृष्ठ के लिए इसे बाहर लिख रहे हैं। दोहराने या मॉडल या फ़िल्टर में इसका उपयोग करते समय, आपको ब्रेसिज़ की आवश्यकता नहीं होती है। ध्यान दें कि आप इसे पहले से ही एनजी-दोहराने में कर रहे हैं, आपने "{{items}} में आइटम नहीं किया"। –

+0

सलाह जेम्स के लिए धन्यवाद! मुझे लगता है कि मैं कोणीय को थोड़ा बेहतर समझता हूं (मैं अभी भी इसके लिए नया हूं :)) –

उत्तर

11

बस इनपुट टैग परिवर्तित करें ताकि इसे पढ़ता है।

कार्य बजना: http://plnkr.co/edit/CLdem9yIw2Sk1U52Iajl?p=preview

+0

धन्यवाद एक टन! यह अब काम कर रहा है :) –

+2

यह plnkr काम नहीं करता है। मैं स्पष्ट रूप से मूंछ मान {{item.name}} को अद्यतन नहीं कर रहा हूं। – FlavorScape

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