$ Event.valueはPolymerドロップダウンメニューのSelected Item ChangedイベントでAngular2バインディングで定義されていません

Question

Polymerドロップダウンで選択したアイテムを取得して別のアイテムを設定する必要があります。私のコードでは、$ event.valueの値は未定義です。選択した値を変更されたイベントハンドラにどのように渡す必要がありますか？

<paper-dropdown-menu label="Country" 
        (selected-item-changed)="GetAdmin1s($event.value)"> 
    <paper-listbox class="dropdown-content" [selected]="selectedCountry"> 
     <paper-item *ngFor="#country of countries" value="{{country.Id}}">{{country.Name}}</paper-item> 
    </paper-listbox> 
</paper-dropdown-menu> 

Answer 1

これは私のために働くものです。ポリマーはインデックスである選択された特性を使うのが好きなようです。 selectedScreenRatioIndexはゲッター/セッターです。ちなみに、これは純粋なポリマーではありません。コンポーネント/バインディングにはangle2も使用しています。

<paper-dropdown-menu class="flex" label="Screen Ratio" > 
 
      <paper-listbox class="dropdown-content" [selected]="selectedScreenRatioIndex" 
 
          (selected-changed)="selectedScreenRatioIndex=$event.detail.value" 
 
          style="font-size: large"> 
 
       <paper-item *ngFor="let myscreenratio of screenRatios">{{myscreenratio}}</paper-item> 
 
      </paper-listbox> 
 
</paper-dropdown-menu>