在Polymer Dropdown菜单中使用Angular2绑定的Selected Item Changed事件中未定义$ event.value

时间:2016-05-17 19:33:07

标签: angular polymer

我需要在Polymer Dropdown中检索所选项目以设置另一项的项目。在我的下面的代码中,我为$ 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>

1 个答案:

答案 0 :(得分:0)

这对我有用。聚合物似乎喜欢使用选定的属性,这是索引。 selectedScreenRatioIndex是一个getter / setter。

顺便说一句,这不是纯聚合物,我也使用angular2作为组件/绑定。

&#13;
&#13;
 <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>
&#13;
&#13;
&#13;