如何从聚合物纸菜单中删除菜单选项

How to remove a menu option from a Polymer Paper Menu

我觉得我遗漏了一些明显的东西,但我花了一天的大部分时间试图解决这个问题但失败了,所以我想是时候寻求帮助了。

我创建了一个简短的代码片段来突出显示问题。

我正在尝试从塑料纸菜单中删除菜单项。但是当我删除它时,当您 select 另一个菜单项时它会自动添加回来。删除菜单项的正确方法是什么?

谢谢!

<html>
  <head>
    <base href="https://cdn.rawgit.com/download/polymer-cdn/1.5.0/lib/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="paper-item/paper-item.html">
<link rel="import" href="iron-collapse/iron-collapse.html">
<link rel="import" href="paper-menu/paper-menu.html">
  </head>
<body>
  <paper-menu>
    <paper-item>One</paper-item>
    <paper-item>Two</paper-item>
    <paper-item>Three</paper-item>
    <paper-item>Four</paper-item>
  </paper-menu>
  
  <button onClick="document.querySelector('paper-item').remove();">Remove first menu item</button>
</body>
  </html>

至少对于 Polymer 1(您正在使用的),您通常 manipulate DOM 通过 Polymer 对象:

<button onClick=" Polymer.dom(document.querySelector('paper-menu')).removeChild(document.querySelector('paper-item'));">Remove first menu item</button>

有效。