ポリマー、ラベルの変更を防ぐ

Question

私はドロップダウンメニューを持っているポリマープロジェクトでは、メニュー項目はポップアップメニューを評価するためのボタンとして機能します。しかし、アイテムメニューをクリックすると、メインラベルが選択されたアイテムに変更されています（写真参照）。どのようにして、ドロップダウンメニューで選択したラベルにラベルが変わるのを防ぐことができますか？

`

Answer 1

<template> 
    <iron-ajax auto url={{json_url}} last-response="{{list}}"></iron-ajax> 
    <paper-dropdown-menu label="{{title}}" no-animations > 

     <paper-listbox class="dropdown-content" aria-readonly="true"> 
      <template is="dom-repeat" items="{{list}}" as="v"> 
       <paper-item style="width: 100px" aria-readonly="true">{{v.name}}</paper-item> 
      </template> 
     </paper-listbox> 
    </paper-dropdown-menu> 
</template> 

`

多くの必死の実験の後、私は解決策を見つけました。 IMPORTATNN含めることを忘れないでください

<link rel="import" href="/bower_components/paper-menu/paper-submenu.html"> 

以下のコードをインポートすると、これも完全なリストです。

<link rel="import" href="/bower_components/paper-dropdown-menu/paper-dropdown-menu.html"> 
<link rel="import" href="/bower_components/paper-listbox/paper-listbox.html"> 
<link rel="import" href="/bower_components/paper-item/paper-item.html"> 
<link rel="import" href="/bower_components/iron-ajax/iron-ajax.html"> 
<link rel="import" href="/bower_components/iron-collapse/iron-collapse.html"> 
<link rel="import" href="/bower_components/paper-menu/paper-menu.html"> 
<link rel="import" href="/bower_components/paper-menu/paper-submenu.html"> 

これは、選択したときに、ラベルが変わり、実際のロジック

<paper-menu> 
     <paper-submenu> 
      <paper-item class="menu-trigger">Some title</paper-item> 
      <paper-menu class="menu-content"> 
       <template is="dom-repeat" items="some list" as="v"> 
        <paper-item style="width: 100px">{{v.name}}</paper-item> 
       </template> 
      </paper-menu> 
     </paper-submenu> 
    </paper-menu>