javascript - 如何在Polymer 1.0中使用iron-dropdown？

这也许是最简单的方法，但是对我来说我不知道​​。 their website也不清楚。

我已经更新了bower.json文件，以使用Iron Elements的1.0.3版本，导入了iron-dropdown元素，但是当我看到以下内容时，没有任何显示：

  <iron-dropdown>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </iron-dropdown>

我想念什么吗？

编辑：

这也什么也没显示：

<iron-dropdown horizontal-align="right" vertical-align="top">
  <div class="dropdown-content">Hello!</div>
</iron-dropdown>

如果有帮助，我正在使用Polymer Starter Kit。

最佳答案

猜猜我会自己回答，因为这是用更少的代码。显然，您需要在<iron-dropdown>本身上有一个id，然后调用函数show将显示隐藏的内容：

<button on-click="show">Click me</button>
<iron-dropdown id="showMenu" horizontal-align="right" vertical-align="top">
  <div class="dropdown-content">Hello!</div>
</iron-dropdown>

<script>
 show: function() {
 this.$.showMenu.toggle();
 }
</script>

关于javascript - 如何在Polymer 1.0中使用iron-dropdown？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31729942/