装订到纸制下拉菜单和Aurelia

Question

我想提供一组动态的项目给聚合物paper-dropdown-menu。我可以让动态项目显示出来，但是点击它们什么也不做。

查看：

<paper-dropdown-menu label="Your favourite pastry">
  <paper-menu class="dropdown-content" selected.two-way="favPastry" attr-for-selected="value">
    <!-- Begin works when selected -->
    <paper-item value="Croissant">Croissant</paper-item>
    <paper-item value="Donut">Donut</paper-item>
    <paper-item value="Financier">Financier</paper-item>
    <paper-item value="Madeleine">Madeleine</paper-item>
    <!-- End works when selected -->

    <!-- Begin does not work when selected -->
    <paper-item repeat.for="pastry of pastries" value="${pastry}">${pastry}</paper-item>
    <!-- End does not work when selected -->
  </paper-menu>
</paper-dropdown-menu>

视图-模型：

pastries = [ "Bear Claw", "Pie" ];
favPastry = "Donut";

paper-dropdown-menu 如何在应用程序中向提供项目的动态列表？

Answer 1

要从数组中创建paper-item，您必须使用如下所述的<template is="dom-repeat">：https://www.polymer-project.org/1.0/docs/devguide/templates.html#dom-repeat