Data binding 如何从聚合代码中的父模板打开模板中的抽屉？

我正在将我的项目切割成几个模板。我有一个抽屉（

来自

应用程序布局

软件包），我决定用它制作一个模板。我想用主模板中的按钮打开或切换抽屉。我尝试使用数据绑定，但抽屉没有出现

以下是主窗口的最小代码：

<link rel="import" href="../bower_components/app-layout/app-header/app-header.html">
<link rel="import" href="../bower_components/app-layout/app-toolbar/app-toolbar.html">
<link rel="import" href="../bower_components/app-layout/app-header-layout/app-header-layout.html">
<link rel="import" href="../bower_components/paper-button/paper-button.html">

<link rel="import" href="test-drawer.html">

<dom-module id="test-window">
  <template>
    <app-header reveals>
      <app-toolbar>
        <paper-button on-tap="togglemenu">Test</paper-button>
      </app-toolbar>
    </app-header>
    <test-drawer drawerOpened="{{drawerOpened}}"></test-drawer>

  </template>

  <script>
    Polymer({
      is: "test-window",

      togglemenu: function() {
        alert('test')
        this.drawerOpened = !this.drawerOpened;
      },
    })
  </script>
</dom-module>

试验
聚合物({
是：“测试窗口”，
切换菜单：函数（）{
警报（“测试”）
this.drawerropened=！this.drawerropened；
},
})

以下是抽屉的最低代码：

<link rel="import" href="../bower_components/app-layout/app-drawer/app-drawer.html">
<link rel="import" href="../bower_components/app-layout/app-drawer-layout/app-drawer-layout.html">
<link rel="import" href="../bower_components/paper-menu/paper-menu.html">
<link rel="import" href="../bower_components/paper-item/paper-item.html">

<dom-module id="test-drawer">
  <template>
    <app-drawer id="drawermenu" opened="{{drawerOpened}}" swipe-open>
       <paper-menu selected="{{menuSelected}}" attr-for-selected="name">
         <paper-item name="item1">Item1</paper-item>
         <paper-item name="item2">Item2</paper-item>
         <paper-item name="item3">Item3</paper-item>
       </paper-menu>
     </app-drawer>
    </template>

  <script>
    Polymer({
      is: "test-drawer",

      properties: {
        drawerOpened: Boolean,
      },
    })
  </script>
</dom-module>

项目1
项目2
项目3
聚合物({
是：“测试抽屉”，
特性：{
抽屉套索：布尔，
},
})

我知道回调会运行，因为警报框会出现

---

我在这里做错了什么？

您的属性名为

drawerropened

，用于数据绑定（即

drawer opened

），因此请更改此项：

<test-drawer drawerOpened="{{drawerOpened}}"></test-drawer>

项目1
项目2
项目3
应用程序标题{
背景：#47cf73；
}
试验

谢谢你的回答。这当然是迈向成功的一个进步，但这还不够。还是不行。你能解释一下它怎么不起作用吗？这将使我能够更好地解决这个问题。我单击按钮，但菜单不显示。好的，它工作了。我的导入有一个输入错误：testdrawer而不是testdrawer。因为你没有我的文件名，所以你无法识别。太好了。：）我可以补充一点，窗口代码中的抽屉可以重命名。它不必与子模板中的绑定属性同名

<test-drawer drawer-opened="{{drawerOpened}}"></test-drawer>