如何从聚合物纸菜单中删除菜单选项
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>
有效。
我觉得我遗漏了一些明显的东西,但我花了一天的大部分时间试图解决这个问题但失败了,所以我想是时候寻求帮助了。
我创建了一个简短的代码片段来突出显示问题。
我正在尝试从塑料纸菜单中删除菜单项。但是当我删除它时,当您 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>
有效。