2016-12-05 2 views
0

Я чувствую, что мне не хватает чего-то очевидного, но большую часть дня провел, пытаясь понять это и потерпел неудачу, поэтому, я думаю, пришло время обратиться за помощью.Как удалить опцию меню из меню «Полимерная бумага»

Я создал короткий фрагмент кода, чтобы выделить проблему.

Я пытаюсь удалить пункт меню из полимерного бумажного меню. Но когда я удаляю его, он автоматически добавляется, когда вы выбираете другой пункт меню. Каков правильный способ удаления элементов меню?

Спасибо!

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

+0

У меня возникли проблемы с воспроизведением этой ошибки. это может быть связано с вашим тегом . попробуйте проверить консоль на ошибки CORS –

+0

Я не использую это в своем собственном коде, но не могу понять, как еще использовать фрагмент, так как полимерные элементы используют относительные пути для будущего импорта. Фрагмент кода работает в Chrome, Edge и Firefox. Вы пытались щелкнуть элемент меню после нажатия кнопки? – RLHawk

+0

Я вижу проблему сейчас. должен был внимательно прочитать вопрос –

ответ

2

По крайней мере, с полимера 1 (который вы используете), как правило, вы manipulate DOM через объект Polymer:

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

работы.