javascript - 如何将项目动态添加到纸质下拉菜单中？

Question

我尝试使用类似 dropdownMenu.appendChild(menuItem) 的方式添加它，但正如我所料，这不起作用。我无法在 Polymer 的指南或此处的其他类似问题上找到有关此的信息。

这可能吗？如果是，怎么办？

纸张下拉菜单:https://elements.polymer-project.org/elements/paper-dropdown-menu

Answer 1

在 Polymer 中，推荐的操作 DOM 的方法是操作数据:

• 将菜单项列表放入数组中:var items_array = [....];

-将菜单创建为:

<paper-dropdown-menu label="Your favourite pastry">
  <paper-listbox class="dropdown-content">
    <template is="dom-repeat" items="{{items_array}}">
      <paper-item>{{item}}</paper-item>
    </template>
  </paper-listbox>
</paper-dropdown-menu>

• 在 items_array 中添加和删除元素会立即影响菜单。