多姆重复模板项上的计算属性
多姆重复模板项上的计算属性
提问于 2016-11-29 15:33:19
如果我有以下dom-repeat模板：
<template is="dom-repeat" items="{{myFiles}}" as="file">
<span>
{{file.createDate}} <br/>
</span>
</template>我想格式化file.createDate，有什么方法可以用计算性质来完成吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-11-29 15:43:07
不，您需要在项上使用计算绑定 (或者在本例中是它的子属性)：
// template
<template is="dom-repeat" items="{{_myFiles}}" as="file">
<span>{{_formatDate(file.createDate)}}</span>
</template>
// script
Polymer({
_formatDate: function(createDate) {
return /* format createDate */;
}
});或者，您可以在myFiles数组上使用计算属性(例如，名为myFiles)，该属性将在dom-repeat迭代之前处理所有项：
// template
<template is="dom-repeat" items="{{_myFiles}}" as="file">
<span>[[file.createDate]]</span>
</template>
// script
Polymer({
properties: {
myFiles: Array,
_myFiles: {
computed: '_preprocessFiles(myFiles)'
}
},
_preprocessFiles: function(files) {
return files.map(x => {
x.createDate = /* format x.createDate */;
return x;
});
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40869721
复制相关文章
相似问题
腾讯云开发者
