폴리머, 라벨 변경 방지

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> 

`

많은 필사적 실험 후 나는 해결책을 발견했다. IMPORTATNT 포함하는 것을 잊지 마세요

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