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

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -