Polymer 1.0 上的条件模板

Question

我想我在应用新的条件模板时遇到了问题，尤其是条件本身。

我有这样的东西：

<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}}"> 位，它工作正常，索引显示它应该的样子。第四个数组是用户选择为不可见的存储模块，因此它们不应出现在主菜单上。

我猜 if 条件有问题，但我猜不出是什么。

谢谢！

Answer 1

尝试像这样修改您的条件模板：

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

并将此函数添加到 Polymer 脚本中：

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

Polymer 1.0 上的条件模板

Conditional template on Polymer 1.0

polymer

polymer-1.0