下拉菜单 – 动态生成的纸张下拉菜单初始选择问题

概述因此,我正在尝试动态生成从 AJAX数据源填充的纸张下拉菜单,该菜单使用以下代码运行良好： <polymer-element name="my-element" attributes="selected"> <template> <core-ajax auto url="/api/items/" response="{{items}}" handleAs="json"></core- 因此,我正在尝试动态生成从 AJAX数据源填充的纸张下拉菜单,该菜单使用以下代码运行良好：

<polymer-element name="my-element" attributes="selected">  <template>    <core-AJAX auto url="/API/items/" response="{{items}}" handleAs="Json"></core-AJAX>    <paper-dropdown-menu selected="{{selected}}">      <template repeat="{{items}}">        <paper-item name="{{ID}}" label="{{name}}"></paper-item>      </template>    </paper-dropdown-menu>  </template>

但是,如果我将初始选定项目设置为已发布属性的值或我在“就绪”回调中设置的值,则在加载项目时不会选择下拉菜单项：

<script>  polymer({    publish: {      selected: null    }  });  </script></polymer-element>

我知道这种情况正在发生,因为在下拉列表中的模板被绑定之前正在设置’selected’属性,但我的问题是是否有办法1)将“选定”属性更改推迟到模板绑定之后或2)否则可靠地设置下拉菜单的初始选择值？

解决方法 一种选择是在数据可用之前不呈现下拉列表.

例如：http://jsbin.com/piyogo/13/edit

<polymer-element name="foo-drop">  <template>    <core-AJAX auto               url="http://www.Json-generator.com/API/Json/get/bJMeMASvTm?indent=2"               response="{{items}}"                   handleas="Json">    </core-AJAX>    <template if="{{items}}">      <paper-dropdown-menu selected="{{selected}}">        <template repeat="{{item in items}}">          <paper-item label="{{item.name}}"></paper-item>        </template>      </paper-dropdown-menu>      </template>  </template>    <script>    polymer({      publish: {        selected: null      }    });  </script></polymer-element><foo-drop selected="2"></foo-drop>

总结

以上是内存溢出为你收集整理的下拉菜单 – 动态生成的纸张下拉菜单初始选择问题全部内容，希望文章能够帮你解决下拉菜单 – 动态生成的纸张下拉菜单初始选择问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。