polymer-2.x - ID 未在 HTMLElement.onclick 聚合物内部元素中定义

Question

当使用 FAB 运行 onclick open 时，我可以打开一个对话框，只要我在 index.html 中运行它。但是当我创建了一个元素，并在这个元素中移动了 fab 和对话框时，我会提示

CarDialog not defined at HTMLElement.onclick polymer inside element

<paper-fab icon="maps:directions-car" onclick="carDialog.open()" class="blue"></paper-fab>
    <paper-dialog no-overlap id="carDialog">
        <paper-toolbar>
            <div slot="top" class="title">Title</div>
            <paper-icon-button slot="top" icon="more-vert" on-tap="moreAction"></paper-icon-button>
        </paper-toolbar>
        <div class="car-img">
            <object type="image/svg+xml" data="img/car-large.svg">
            </object>
        </div>
    </paper-dialog>

这段代码在 index.html 中工作，但如果我将它移动到一个元素中，它就会停止。

<car-dialog-layout></car-dialog-layout>

Answer 1

通过使用 on-tap 而不是 onclick 解决，并切换对话框。

on-tap="openCarDialog"
...
 openCarDialog() {
    this.$.carDialog.toggle();
  }