Javascript 聚合物1.0 dom重复显示索引从1开始

Javascript 聚合物1.0 dom重复显示索引从1开始,javascript,html,data-binding,polymer-1.0,Javascript,Html,Data Binding,Polymer 1.0,我正在使用Polymer 1.0创建购物/结账车。我有一些客户可能希望将订单发送到多个地址。在收据中,我需要列出所有带有索引的地址: 地址1 约翰·多伊 1234主街 地址2 简·史密斯 999百老汇 如何使索引从1开始而不是从0开始 <template is="dom-repeat" items="{{shipping_details}}" as="address"> <div>Address <span>{{index}}<

我正在使用Polymer 1.0创建购物/结账车。我有一些客户可能希望将订单发送到多个地址。在收据中,我需要列出所有带有索引的地址:

地址1
约翰·多伊
1234主街

地址2
简·史密斯
999百老汇

如何使索引从1开始而不是从0开始

    <template is="dom-repeat" items="{{shipping_details}}" as="address">
        <div>Address <span>{{index}}</span></div>
        <div>{{address.name}}</div>
        <div>{{address.line1}}</div>
    </template>

地址{{index}
{{地址.名称}
{{address.line1}}
这是我实际代码的简化,但原理是一样的。我曾尝试创建一个js函数,将索引作为参数,并将innerHTML设置为index++,但我不知道它应该触发什么事件,也不知道如何让它调用该函数

    <div>Address <span on-some-event="displayIndex(index)"></span></div>
地址
我对这一切都不熟悉,所以你不能太详细地讲述如何让它工作。提前感谢您的帮助

您可以使用一个

而不是这个

function (index) {
    return index + 1;
}

这样做

function (index) {
    return index + 1;
}
{{displayIndex(index)}}

displayIndex
是这样时

function (index) {
    return index + 1;
}
注:
displayIndex
可以

  • 单元原型法
  • 
    地址{{displayIndex(index)}
    {{地址.名称}
    {{address.line1}}
    聚合物({
    是:'购物车地址',
    ...
    显示索引:函数(索引){
    收益率指数+1;
    }
    ...
    });
    
  • 附加到自动绑定模板的方法
  • 
    ...             
    地址{{displayIndex(index)}
    {{地址.名称}
    {{address.line1}}
    var template=document.querySelector('template[is=“dom bind”]”);
    ...
    template.displayIndex=函数(索引){
    收益率指数+1;
    };