Fatal编程技术网
  • polymer/
  • Polymer 如何将HTML5数据列表绑定到纸质输入？

Polymer 如何将HTML5数据列表绑定到纸质输入？

polymer

Polymer 如何将HTML5数据列表绑定到纸质输入？,polymer,Polymer,我需要将一个数据列表绑定到一个纸质输入元素，就像我们在这里看到的一样。如示例所示，它不起作用，请有人帮助。谢谢。从你的问题来看，我不相信纸质输入是你想要的。如果查看文档，它将纸张输入描述为“纸张输入是用户输入的单行文本字段” 您可能需要的是（根据建议，您可以将纸张输入装饰器与输入和数据列表包装在一起。 您将获得与纸质输入相同的结果，但更明确，因此更可自定义。感谢您的回复和考虑，但是，纸质下拉列表不会提供我想要的用户体验。例如，我希望用户在其国家/地区键入时获得提示性文本。这样就无需滚动。Un我发

我需要将一个数据列表绑定到一个纸质输入元素，就像我们在这里看到的一样。如示例所示，它不起作用，请有人帮助。谢谢。

从你的问题来看，我不相信
纸质输入是你想要的。如果查看文档，它将
纸张输入
描述为“纸张输入是用户输入的单行文本字段”

您可能需要的是
（根据建议，您可以将
纸张输入装饰器
与
输入
和
数据列表
包装在一起。

您将获得与
纸质输入相同的结果，但更明确，因此更可自定义。
感谢您的回复和考虑，但是，纸质下拉列表不会提供我想要的用户体验。例如，我希望用户在其国家/地区键入时获得提示性文本。这样就无需滚动。Un我发现这个组件可能适合你的需要。它没有纸质输入元素的样式，但我相信你可以根据你的规格修改css。

<template is="auto-binding">    
  <!-- other content -->
  <paper-dropdown-menu>
    <paper-dropdown class="dropdown colored">
      <core-menu class="menu">
        <template repeat="{{countries}}">
          <paper-item>{{}}</paper-item>
        </template>
      </core-menu>
    </paper-dropdown>
  </paper-dropdown-menu>
</template>

<script>
  scope = document.querySelector('template[is=auto-binding]');
  scope.countries= [
      'Mexico',
      'United States',
      'Canada'
  ];
</script>