2015-06-10 15 views
5

पर सशर्त टेम्पलेट मुझे नए सशर्त टेम्पलेट को लागू करने में परेशानी हो रही है, विशेष रूप से स्थिति के साथ, मुझे लगता है।पॉलिमर 1.0

मैं कुछ इस तरह है:

<template is="dom-repeat" items="{{menuitems}}" as="poscol"> 
    <template is="dom-if" if="{{index != 4}}"> 
     <div class="positioncolum horizontal layout center wrap flex"> 
      <span>{{index}}</span> 
      <template is="dom-repeat" items="{{poscol}}" as="mitem" > 
       <main-menu-item mitem="{{mitem}}" 
        order="{{mitem.TotalOrder}}" 
        onclick="clickMainMenuMod(index)"> 
       </main-menu-item> 
      </template> 
     </div> 
    </template> 
</template> 

अब, अगर मैं टिप्पणी <template is="dom-if" if="{{index != 4}}"> बिट यह ठीक काम करता है, सूचकांक एकदम सही ढंग से पता चलता है। चौथे सरणी पर मॉड्यूल संग्रहीत किए जाते हैं जिन्हें उपयोगकर्ता ने गैर-दृश्यमान के रूप में चुना है, इसलिए उन्हें मुख्य मेनू पर दिखाई नहीं देना चाहिए।

मुझे लगता है कि अगर स्थिति के साथ कुछ गड़बड़ है, लेकिन मैं अनुमान लगा सकता हूं कि क्या।

धन्यवाद!

उत्तर

11

कोशिश इस तरह से अपनी सशर्त टेम्पलेट को संशोधित करने के:

<template is="dom-if" if="{{show(index)}}"> 

और पॉलिमर स्क्रिप्ट को यह समारोह जोड़ें:

show: function (index) { 
    return index != 4; 
} 
+0

मुझे लगता है मुझे लगता है कि मैं एक बहुलक तत्व – Iskalla

+0

बाहर है ऐसा नहीं कर सकते यह कोशिश की, लेकिन चूंकि मेरा टेम्पलेट कस्टम तत्व में नहीं है, लेकिन इंडेक्स पेज में, मुझे नहीं पता कि यह काम कैसे करें ... – Iskalla

+0

@Iskalla फिर कस्टम तत्व बनाएं। कुछ प्रेरणा: http://jsbin.com/zovolineke/1/edit?html,output – vasek

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