查找与dom-重复的特定实例关联的元素。

Question

我有一个自定义元素，它在页面上生成一个大的月历。这是由一对嵌套的dom创建的--重复每月每周提供的外部dom，以及提供一周内日的内部dom。最初，这是非常空的，但是ajax请求返回的是填充模型的数据，每天提供更多的数据。当用户单击某一天时，我将(刚刚开始实现它)打开一个对话框，其中包含有关那天的更多信息。我可以将此对话框放置在适当的日期旁边，因为tap事件的目标是tap作为属性，并且我可以将它传递给纸质对话框的positionTarget属性。我在其他地方做过这件事，而且效果很好。

在这种情况下，可以通过app-route解析的url中的可选参数来选择特定的日期。因此，当输入特定的url时，我还想打开正确定位的对话框。

我可以轻松地在用于日历的模型中找到底层记录，但问题是如何找到与模型的特定部分相关联的元素。

Answer 1

事实证明，解决这一问题相对容易。

在元素上，您希望获取其公开属性的实例，该属性意味着什么，其值对于元素的每个副本都是唯一的。就我而言，那是“日期”

所以我做了(简化)的事情

<template is="dom-repeat" items="{{week}}" as="day">
  <li urlday$="[[day.date]]"> ... </li>
</template>

然后在我的代码中选择打开对话框

this.$.mydialog.positionTarget = this.$$('[urlday="' + date + '"]');
this.$.mydialog.open();