एनजी-दोहराने एनजी-दोहराने के अंदर - AngularJS

Question

इस कोड को मुझे एक एकल स्तंभ में तत्वों के साथ एक मेज देता है।

यहाँ डेटा हो जाएगा की तरह इस

var data = [[{"id":"1","value":"One"},{"id":"2","value":"Two"},{"id":"3","value":"three"}],[{"id":"4","value":"four"},{"id":"5","value":"five"},{"id":"6","value":"six"}],[{"id":"7","value":"seven"},{"id":"8","value":"eigth"},{"id":"9","value":"nine"}]] 

<div id="mydiv"> 
    <table> 
     <tr ng-repeat="rows in data"> 
      <td ng-repeat="item in rows">{{item.id}}:{{item.value}}</td> 
     </tr> 
    </table> 
</div> 

इस तीन स्तंभ के साथ मुझे एक तालिका देता है। जैसा

1:One 2:Two 3:three 
4:four 5:five 6:six 
7:seven . . . 

इसके साथ ही मैं एक स्तंभ में एक स्तंभ : और बेहतर पठनीयता के लिए और एक एकल स्तंभ में नहीं स्तंभ item.value एक में में item.id साथ तालिका चाहते हैं।

ऐसा करने की कोशिश की लेकिन यह काम, किसी को इस के साथ मेरी मदद कर सकते हो नहीं पा रहा हूँ?

Answer 1

आप अपनी तालिका के इस तरह से परिभाषित करना चाहिए:

<div id="mydiv"> 
    <table> 
     <tr ng-repeat="rows in data"> 
      <td ng-repeat-start="item in rows">{{item.id}}</td> 
      <td>:</td> 
      <td ng-repeat-end>{{item.value}}</td> 
     </tr> 
    </table> 
</div> 

अधिक जानकारी के लिए देख Special repeat start and end points section of the ngRepeat documentation:

सिर्फ एक पेरेंट तत्व, ngRepeat (के बजाय तत्वों की एक श्रृंखला को दोहराने के साथ ही करने के लिए -दोहराने एनजी अंत अन्य एनजी निर्देशों) एनजी-दोहराने से शुरू और का उपयोग करके स्पष्ट प्रारंभ और अंत बिंदु को परिभाषित करते हुए पुनरावर्तक की सीमा का विस्तार करने का समर्थन करता क्रमशः। एनजी-दोहराने से शुरू निर्देश एनजी-दोहराने के रूप में ही काम करता है, लेकिन करने के लिए और अंत एचटीएमएल टैग जहां एनजी-दोहराने अंत रखा गया है सहित सभी HTML (टैग उस पर परिभाषित किया है सहित) कोड दोहराया जाएगा।