कैसे AngularJS

Question

साथ छोरों के अंदर लेबल का उपयोग करने के लिए तो मैं इस तरह एक ng-repeat अंदर हूँ:

<li ng-repeat="x in xs"> 
    <form> 
     <label for="UNIQUELABEL">name</label> 
     <input id="UNIQUELABEL"> 
     <label for="ANOTHERUNIQUELABEL">name2</label> 
     <input id="ANOTHERUNIQUELABEL"> 
    </form> 
</li> 

कौन सा तरह

<li> 
    <form> 
     <label for="UNIQUELABEL1">name</label> 
     <input id="UNIQUELABEL1"> 
     <label for="ANOTHERUNIQUELABEL1">name2</label> 
     <input id="ANOTHERUNIQUELABEL1"> 
    </form> 
</li> 
<li> 
    <form> 
     <label for="UNIQUELABEL2">name</label> 
     <input id="UNIQUELABEL2"> 
     <label for="ANOTHERUNIQUELABEL2">name2</label> 
     <input id="ANOTHERUNIQUELABEL2"> 
    </form> 
</li> 
... 

मैं AngularJS के लिए नए और के बारे में सुनिश्चित नहीं कर रहा हूँ कुछ प्रस्तुत करना चाहिए इस तक पहुंचने का सही तरीका (दस्तावेज़ों में से कोई भी label का उपयोग नहीं करता है)।

Answer 1

के बाद से ng-repeat प्रत्येक यात्रा पर एक नया गुंजाइश वस्तु प्रदान करता है, मैं

की तरह कुछ का उपयोग करना पसंद जोड़ने की जरूरत

<li ng-repeat="x in xs"> 
    <form> 
     <label for="UNIQUELABEL{{::$id}}_1">name</label> 
     <input id="UNIQUELABEL{{::$id}}_1"> 
     <label for="UNIQUELABEL{{::$id}}_2">name2</label> 
     <input id="UNIQUELABEL{{::$id}}_2"> 
    </form> 
</li> 

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

Answer 2

सही समाधान Gleno है।

$id प्रत्येक निर्मित स्कोप के लिए अद्वितीय होने की गारंटी है, जबकि $index अंडरलाइनिंग संग्रह की गणना में किसी भी बदलाव के साथ परिवर्तन करता है।

आप $ सूचकांक संपत्ति (शून्य आधारित) कि पुनरावर्तक में गुंजाइश पर उपलब्ध है

<li ng-repeat="x in xs"> 
    <form> 
     <label for="UNIQUELABEL{{$index+1}}">name</label> 
     <input id="UNIQUELABEL{{$index+1}}"> 
     <label for="ANOTHERUNIQUELABEL{{$index+1}}">name2</label> 
     <input id="ANOTHERUNIQUELABEL{{$index+1}}"> 
    </form> 
</li> 

Answer 3

कई परिदृश्यों के लिए, <input> दोनों को एक बेहतर समाधान और <label> तत्व में लेबल लेबल को एक बेहतर समाधान हो सकता है। यह पूरी तरह से वैध HTML है, सभी ब्राउज़रों में ठीक से काम करता है, और, श्रेणीबद्ध डेटा के साथ उपयोग करने के लिए जब से तुम iterator चर का उपयोग करने की जरूरत नहीं आसान होने का अतिरिक्त लाभ है:

<li ng-repeat="x in xs"> 
    <label> 
     Label Text 
     <input type="text"> 
    </label> 
</li>