$ Event.value未定義在聚合物下拉菜單的選定項目改變事件與Angular2綁定

Question

我需要檢索聚合物下拉列表中選擇的項目設置另一個項目。在我的代碼下面，我得到的$ 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是一個getter/setter。

順便說一句，這不是純聚合物，我也使用angular2作爲組件/綁定。

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