大佬教程收集整理的这篇文章主要介绍了javascript – 聚合物1.0 dom-repeat显示索引从1开始,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
地址1
约翰·多伊
1234 Main St
…
地址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>
这是我实际代码的简化,但原理是一样的.我试图创建一个js函数,它将索引作为参数并将innerHTML设置为索引,但我不知道它应触发什么事件或如何让它调用该函数.
<div>Address <span on-some-event="displayIndex(index)"></span></div>
我是所有这一切的新手,所以你不能详细介绍如何使这项工作.提前谢谢你的帮助!
而不是这个:
< span on-some-event =“displayIndex(index)”>< / span>
做这个:
<跨度> {{的DisplayIndex(指数)}}< /跨度>
当displayIndex是这样的:
function (index) { return index + 1; }
注意:
displayIndex可以
>元素原型的方法
<dom-module id="cart-addresses"> <template is="dom-repeat" items="{{shipping_details}}" as="address"> <div>Address <span>{{displayIndex(index)}}</span></div> <div>{{address.name}}</div> <div>{{address.line1}}</div> </template> <script> Polymer({ is: 'cart-addresses',... displayIndex: function(index) { return index + 1; } ... }); </script> </dom-module>
>附加到自动绑定模板的方法
<template is="dom-bind"> ... <template is="dom-repeat" items="{{shipping_details}}" as="address"> <div>Address <span>{{displayIndex(index)}}</span></div> <div>{{address.name}}</div> <div>{{address.line1}}</div> </template> </template> <script> var template = document.querySelector('template[is="dom-bind"]'); ... template.displayIndex = function (index) { return index + 1; }; </script>
以上是大佬教程为你收集整理的javascript – 聚合物1.0 dom-repeat显示索引从1开始全部内容,希望文章能够帮你解决javascript – 聚合物1.0 dom-repeat显示索引从1开始所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。