Polymer 图纸菜单按钮不显示在图纸工具栏内

Polymer 图纸菜单按钮不显示在图纸工具栏内,polymer,polymer-1.0,Polymer,Polymer 1.0,我对Polymer非常陌生,我试着使用纸张工具栏中的纸张菜单按钮,重现Kevin Schaaf在Polymer Summit 2015上所显示的内容,但事实证明该元素并未显示。下面是我的代码: <link rel="import" href="../bower_components/iron-icons/iron-icons.html"> <link rel="import" href="../bower_components/polymer/polymer.html">

我对Polymer非常陌生,我试着使用纸张工具栏中的纸张菜单按钮,重现Kevin Schaaf在Polymer Summit 2015上所显示的内容,但事实证明该元素并未显示。下面是我的代码:

<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import" href="../bower_components/paper-input/paper-input.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../bower_components/paper-menu-button/paper-menu-button.html">

<dom-module id="input-header">
  <template>
    <paper-toolbar>
      <paper-icon-button icon="mail"></paper-icon-button>
      <div>{{title}}</div>
      <paper-menu-button>
        <paper-icon-button icon="more-vert"></paper-icon-button>
        <paper-input label="Thread name:" value="{{title}}"></paper-input>
      </paper-menu-button>
    </paper-toolbar>
  </template>

  <script>
    Polymer({
      is: 'input-header',
      properties: {
        label: {
          type: String,
          notify: true
        }
      }
    });
  </script>
</dom-module>

{{title}}
聚合物({
是:“输入标题”,
特性:{
标签:{
类型:字符串,
通知:正确
}
}
});

我做错了什么?提前谢谢。

我不知道你在尝试什么。使用
纸张输入
内部
纸张菜单按钮
来显示一些项目对我来说并不重要,但无论如何,如果你想看到
纸张图标按钮
内部
纸张菜单按钮
你必须添加下拉触发类

代码应为:

   <paper-toolbar>
      <paper-icon-button icon="mail"></paper-icon-button>
      <div>{{title}}</div>
      <paper-menu-button>
        <paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
        <paper-input label="Thread name:" value="{{title}}"></paper-input>
      </paper-menu-button>
    </paper-toolbar>

{{title}}
纸菜单按钮应该有一些下拉内容,所以我没有得到它


可能在
纸张图标按钮
纸张输入
周围使用一些wrap
div
,并为其设置下拉触发类

这些类很重要。此外,您没有定义了下拉内容类的纸质菜单。我不确定是否有纸张输入

<paper-menu-button>
  <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
  <paper-menu class="dropdown-content">
    <paper-item>Share</paper-item>
    <paper-item>Settings</paper-item>
    <paper-item>Help</paper-item>
  </paper-menu>
</paper-menu-button>

分享
设置
帮助

不知道这是否是导致错误的原因事实上,修复div标签并不能解决问题。我已经在本地测试过了,它不会显示纸质菜单按钮。谢谢!我已经添加了更改,现在可以使用了@如果它有效,这就是你正在使用的,请接受这个答案,这是很好的礼节。