在元素

Question

当使用FAB运行onclick打开时，我可以打开一个对话框，只要我在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();
  }