纸张输入:提前输入建议值 [英] paper-input: Suggest values in typeahead

问题描述

是否存在使用Polymer的<paper-input>元素实现预输入的简单方法? HTML <datalist>标签似乎已对普通的<input>标签实现了这一点，我可以使用模板动态更新数据列表.

Is there an easy way to implement a typeahead using Polymer's <paper-input> element? The HTML <datalist> tag seems to implement that for normal <input> tags and I could dynamically update the data list using templates.

但是，这什么也没做:

<paper-input
  label="Topic"
  list="dl">
</paper-input>
<datalist id="dl">
  <option>a</option>
  <option>aa</option>
  <option>aaa</option>
  <option>ab</option>
</datalist>

推荐答案

除了您滥用选项外，

<datalist id="dl">
  <option value='a'></option>
  <!-- WRONG: <option>a</option> -->
</datalist>

我建议您看一下paper-input代码，并像对paper-input一样使用paper-input-decorator进行普通输入:

I would suggest you to take a look into paper-input code and use paper-input-decorator with plain input as they do for paper-input:

<paper-input-decorator id="decorator">
  <input list="dl" is="core-input">
  <datalist id="dl">
    <option value='a'></option>
    <option value='ab'></option>
    <option value='ac'></option>
    <option value='ffa'></option>
  </datalist>
</paper-input-decorator>

这篇关于纸张输入:提前输入建议值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！