Polymer dom-repeat 模板中的访问元素答案

【问题标题】：Access elements in Polymer dom-repeat templatePolymer dom-repeat 模板中的访问元素
【发布时间】：2015-06-22 21:02:10
【问题描述】：

我正在尝试访问在 dom-repeat 模板中创建的元素，以便以编程方式修改它们。

<google-map id="map">
    <template is="dom-repeat" id="markers" items="{{items}}">
        <google-map-marker latitude="item.latitude" longitude="item.longitude">
        </google-map-marker>
    </template>
</google-map>

我可以做些什么来获取模板中的 google-map-markers 数组吗？我在文档中的任何地方都找不到解决此问题的方法。

【问题讨论】：

标签： javascript polymer polymer-1.0

【解决方案1】：

我最终以编程方式创建和插入标记。

HTML：

<google-map id="map">
</google-map>

JavaScript：

for (var i=0; i<this.items.length; i++) {
    var marker = document.createElement('google-map-marker');
    marker.latitude = this.items[i].latitude;
    marker.longitude = this.items[i].longitude;
    //any additional operations that are needed
    Polymer.dom(this.$.map).appendChild(marker);
}

【讨论】：

【解决方案2】：

根据文档：https://elements.polymer-project.org/elements/google-map

markers 属性返回地图上的只读标记数组。

【讨论】：