javascript - nested ng-repeat with outer ng-repeat item affecting the inner ng-repeat logic -
मेरा कोड
& lt; div ng-repeat = 'n [] में [] | सीमा: (my_works.items.length / 3) + 1 '& gt; & lt; div class = "table-row" शैली = "स्थिति: पूर्ण; बाएं: 13px; {{row_gap_style (n)}}" वर्ग = 'एनजी-स्कोप' & gt; & Lt; div class = "book_container" एनजी-दोहराने = 'my_works.items.slice में आइटम ($ इंडेक्स * 3, (इंडेक्स * 3 + 3)) शैली = "स्थिति: पूर्ण; शीर्ष: 0px; {{col_gap_style ($ सूचकांक)}} "& gt; & Lt; div id = "" title = "{{item.Story.title}}" class = "cover_container लाया गया {{चेक_प्रकाशित (आइटम)}}" rel = "& lt;? Php echo $ rel;; & gt;" & gt ; मुझे क्या करना है
यदि बाहरी कोड में n 0 है, तो div.book_container ऐसा दिखेगा इसके बजाय: & lt; div class = "book_container" एनजी-शो = "एन == 0" एनजी-दोहराने = 'my_works.items.slice में आइटम ($ इंडेक्स * 2, ( $ अनुक्रमणिका * 2 + 2)) 'शैली =' स्थिति: निरपेक्ष; शीर्ष: 0 पिक्सेल; {{col_gap_style ($ अनुक्रमणिका + 1)}} "& gt; अन्यथा, div पहले से होनी चाहिए।
मैं इसे कैसे पूरा कर सकता हूं?
आप एक ही सामग्री के लिए एक निर्देश बना सकते हैं और फिर n के मान पर निर्भर विभिन्न विशेषताओं को सेट करने के लिए एनजी-अगर उपयोग करें:
.directive ('BookContainer', function () {return: scope: {'items': '=', 'colstyle': '@'}, प्रतिबंधित करें: 'ई', टेम्पलेट: '& lt; p ng-repeat =' आइटम में आइटम "& gt; पुस्तक: {{आइटम}} {{colstyle}} & lt; / p & gt; '};}); देखें:
& lt; div ng-repeat = 'n में []' & gt; & Lt; पुस्तक-कंटेनर एनजी-अगर = 'एन == 0' आइटम = 'my_works.slice ($ इंडेक्स, 1)' colstyle = 's1' & gt; & lt; / book-container & gt; & Lt; book-container ng-if = 'n! = 0' आइटम = 'my_works.slice ($ अनुक्रमणिका, 2)' colstyle = 's2' & gt; & lt; / book-container & gt; & Lt; / div & gt; डेमो को बहुत सरल किया गया है लेकिन तकनीक को दिखाता है जो आप उम्मीद कर सकते हैं। < / html>
Comments
Post a Comment