如何在 Polymer 1.0 中对对象而不是数组使用 dom-repeat? [英] How to use dom-repeat with objects instead of arrays in Polymer 1.0?

问题描述

遍历数组 myarray=[1, 2, 3] 的工作方式如下:

Iterating over an array myarray=[1, 2, 3] works like this:

<template is="dom-repeat" items="[[myarray]]">
    <span>[[item]]</span>
</template>

如何遍历对象 myobject = {a:1, b:2, c:3}?

推荐答案

这是一个完整的实现:

<test-element obj='{"a": 1, "b": 2, "c": 3}'></test-element>

<dom-module id="test-element">
    <template>

        <template is="dom-repeat" items="{{_toArray(obj)}}">
            name: <span>{{item.name}}</span>
            <br> value: <span>{{item.value}}</span>
            <br>
            <hr>
        </template>

    </template>
    <script>
    Polymer({

        properties: {
            obj: Object
        },

        _toArray: function(obj) {
            return Object.keys(obj).map(function(key) {
                return {
                    name: key,
                    value: obj[key]
                };
            });
        }

    });
    </script>

</dom-module>

这篇关于如何在 Polymer 1.0 中对对象而不是数组使用 dom-repeat?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！