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

我对聚合物非常陌生，我试图在纸张工具栏中使用纸张菜单按钮来重现Kevin Schaaf在聚合物峰会上显示的内容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>

我在做什么错？提前致谢。

来源

2017-03-08 Eron Castro

应该

– aries12

不知道天气这是一个引起错误 – aries12

事实上，固定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>

来源

2017-03-08 14:31:06

谢谢！它现在工作！ –

@EronCastro如果它有效，这就是你正在使用的，请接受这个答案，这是很好的堆栈溢出礼仪。 –

我不知道你在尝试什么。使用paper-input里面paper-menu-button哪些应该显示一些项目对我来说没有意义，但无论如何，如果你想在paper-menu-button内看到paper-icon-button，你必须添加下拉触发器类。

代码应该是：

<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>

纸质菜单按钮应该有一定的下拉菜单内容，所以这就是为什么我不明白这一点。

也许用一些包裹div周围paper-icon-button和paper-input，并设置下拉触发类它

来源

2017-03-08 14:09:56

谢谢！我已添加更改，现在可以使用！ –

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

回答

相关问题