Javascript 未打印错误纸张对话框

所以我试图在点击一个晶圆厂时让paper对话框出现，但我发现了这个错误

未捕获的TypeError:无法读取未定义的属性“toggle”

纸张对话框

<paper-dialog id="dialog1">
              <p>{{item.name}}</p>
</paper-dialog>

---

使用

this.$['…']

仅在已注册的聚合物成分内有效。我猜您正试图在

dom repeat

中使用它

尝试创建一个组件，它会工作

---

请参阅：

FYI:错误消息是说

this.$$['#dialog1']

的计算结果为

undefined

。是的，我理解这个错误，我已经讨论了一大堆关于纸张对话框如何正常工作的文档和堆栈溢出问题，但是我不理解为什么会产生错误

this.$dialog1.toggle（）@SG_u这是我最初的尝试/代码，但仍然是相同的错误
<paper-fab icon="shopping-cart" title="hire" on-click="hire"></paper-fab>

hire: function(e){
            this.$$['#dialog1'].toggle();
            console.log("click");
          }