Dynamische Menüs Papier Artikel

Question

Ich benutze derzeit Papier Dropdown-Menü, Papier Listbox und Papier Artikel Web-Komponenten zu versuchen und eine Liste erstellen. Der Code lautet wie folgt:

<paper-dropdown-menu label="Assigned" vertical-align> 
<paper-listbox attr-for-selected="id" class="dropdown-content" fallback-selection="default" selected="{{assignedFilter}}"> 
    <paper-item id="default">Select Configs</paper-item> 
    <paper-item id="displayAssignedConfigs">TRUE</paper-item> 
    <paper-item id="displayAllConfigs">ALL</paper-item> 
</paper-listbox> 
</paper-dropdown-menu> 

In diesem Beispiel gibt es drei Papierartikel mit statischem Text. Ich möchte die Anzahl der Elemente in der Liste und den Text in diesen Elementen basierend auf der Antwort von einer Ajax-Anforderung, die ich mache, dynamisch generiert werden.

Irgendwelche Ideen oder Devs, die so etwas schon einmal gemacht haben, wären eine große Hilfe. Ich programmiere mit Polymer 1.0.

Answer 1

Verwendung dom-repeat Helfer Element:

<paper-dropdown-menu label="Assigned" vertical-align> 
    <paper-listbox attr-for-selected="id" class="dropdown-content" fallback-selection="default" selected="{{assignedFilter}}"> 
    <template is="dom-repeat" items="{{ajaxResponse}}">   
     <paper-item id="{{item.id}}">{{item.label}}</paper-item> 
    </template> 
    </paper-listbox> 
</paper-dropdown-menu> 

Die oben unter der Annahme, dass Ihre Ajax eine Antwort in Form von zurückgibt:

[ 
    {id: "default", label: "Select Configs"}, 
    {id: "displayAssignedConfigs", label: "TRUE"}, 
    {id: "displayAllConfigs", label: "ALL"}, 
    ... 
]