聚合物数字重复模板

Polymer numeric repeat template

本文关键字：数字 聚合物      更新时间：2023-09-26

我有一个组件，它获取了JSON对象列表。

我想这样做：{{i+1}}在<p>的输出中 -Tag 它有效（如果i=0它显示1 ）

但是，如果我尝试对<event-component>中的属性number执行此操作，则不起作用。输出为：<event-component number= {{i+1}}>

有什么建议吗？

<template repeat="{{event, i in data}}">
        <p> {{i+1}} {{event.title}} </p> 
        <p> {{event.description}} </p> 
        <event-component number= '{{i+1}}' detail= 'false'></event-component>
    </template>

问题出在您未提供的代码中的某个地方。让我们简化代码片段：

<polymer-element name="my-polymer-el">
    <template>
      <template repeat="{{event,i in data}}">
        <p><em> {{i+1}} </em></p> 
        <p><b> {{event.name}} </b></p> 
      </template>
      <select>
        <template repeat="{{event,i in data}}">
          <option value="{{i+1}}"> {{i+1}} :: {{event.name}} </opion> 
        </template>
      </select>
    </template>  
    <script>
      Polymer({
        publish: { data: { value: [
          {name:'First'},
          {name:'Second'},
        ], reflect: true } }
      });
    </script>
  </polymer-element>

输出符合预期：i+1在任何地方都计算。您应该仔细检查event-component代码和/或脚本。

实时预览：http://plnkr.co/edit/ebEI0CptyBMOqtii86Vw?p=preview

相关文章：