Polymer 1.0：如何让这个 <paper-menu-button> 示例正常工作？答案

【问题标题】：Polymer 1.0: How do I get this <paper-menu-button> example to work properly?Polymer 1.0：如何让这个 <paper-menu-button> 示例正常工作？
【发布时间】：2017-03-15 00:04:28
【问题描述】：

如何使<paper-menu-button> 下拉菜单正常工作？ Here is a jsBin.

http://jsbin.com/xamixicuna/4/edit?html,output

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <base href="http://polygit.org/polymer:+v1.1.0/components/">
  <title>JS Bin</title>
  <link rel="import" href="polymer/polymer.html">
  <link rel="import" href="iron-icons/iron-icons.html">
  <link rel="import" href="paper-menu-button/paper-menu-button.html">
  <link rel="import" href="paper-icon-button/paper-icon-button.html">
  <link rel="import" href="paper-menu/paper-menu.html">
  <link rel="import" href="paper-item/paper-item.html">
</head>  
<body>
Click the below menu icon to make the dropdown menu appear.
<br>
<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>
</body>
</html>

【问题讨论】：

标签： polymer polymer-1.0 paper-elements

【解决方案1】：

添加了 web 组件，似乎可以正常工作：http://jsbin.com/rucejo/2/edit?html,output

【讨论】：

【解决方案2】：

非常好。

如果你在<paper-toolbar中使用<paper-menu-button>，你需要在之前使用<div>标签。 <paper-toolbar> 不支持 <paper-menu-button>

【讨论】：