Question

我需要将数据列表绑定到纸张输入元素，就像我们在这里HTML5 DataList Example一样。如示例所示，它不起作用，有人可以帮忙。谢谢。

Answer 1

从您的问题来看，我不相信paper-input正是您所寻找的。如果您查看The Polymer Project处的文档，则会将paper-input描述为“纸张输入是用户输入的单行文本字段”。

您可能正在寻找的是paper-dropdown-menu (<-- look at ths link)，其中core-menu是您要将数据绑定到的元素。

我包含了如何绑定数据的框架。请记住，您仍需要添加对Polymer元素和polyfills的所有引用。

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

Answer 2

根据建议的by this reply，您可以将paper-input-decorator和input包含在内datalist。您将获得与paper-input相同的结果，但更明确，因此可以更自定义。

如何将HTML5 datalist绑定到纸张输入？

2 个答案: