2015-06-10 11 views
5

Mam problem z zastosowaniem nowego szablonu warunkowego, w szczególności z samym warunkiem, tak myślę.Szablon warunkowy na Polymer 1.0

mam coś takiego:

<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> 

Teraz, jeśli mogę wypowiedzieć bitu <template is="dom-if" if="{{index != 4}}"> działa prawidłowo, wskaźnik pokazuje, jak powinno. W czwartej tablicy przechowywane są moduły, które użytkownik wybrał jako niewidoczne, więc nie powinny się pojawiać w menu głównym.

Chyba coś jest nie tak z warunkiem, ale nie mogę zgadnąć co.

Dzięki!

Odpowiedz

11

próbować modyfikować szablon warunkowego tak:

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

I dodać tę funkcję do Polymer skryptu:

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

Zakładam, że nie może tego zrobić na zewnątrz elementu polimerowego – Iskalla

+0

mam próbowałem tego, ale ponieważ mój szablon nie znajduje się w niestandardowym elemencie, ale na stronie indeksu, nie wiem jak to zrobić ... – Iskalla

+0

@Iskalla Następnie utwórz niestandardowy element. Kilka inspiracji: http://jsbin.com/zovolineke/1/edit?html,output – vasek