紙張輸入：在鍵入中建議值

Question

使用Polymer的<paper-input>元素有沒有簡單的方法來實現打印？ HTML <datalist> tag似乎實現了正常的<input>標籤，我可以使用模板動態更新數據列表。

然而，這並沒有什麼：

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

Answer 1

除此之外，您還濫用期權的事實，

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

我建議你看看到paper-input代碼，並使用paper-input-decorator與普通的輸入，因爲他們做爲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> 

Answer 2

Polymer/paper-input已被棄用，當前支持的版本是PolymerElements/paper-input。

要在聚合物1.0+使用紙張輸入一個DataList：

<paper-input-container> 
    <input list="choices" is="iron-input"> 
    <datalist id="choices"> 
     <option value='a'></option> 
     <option value='ab'></option> 
     <option value='ac'></option> 
     <option value='ffa'></option> 
    </datalist> 
</paper-input-container> 

Answer 3

Vaadin組合框https://vaadin.com/elements/-/element/vaadin-combo-box是隨同紙張元素鑲嵌在預輸入了良好的Apache 2許可的選件。

Answer 4

簽出此元素。這是一個具有typeahead功能的元素。

https://github.com/cheonhyangzhang/paper-typeahead-input

這裏是演示文檔&頁面 http://cheonhyangzhang.github.io/paper-typeahead-input/components/paper-typeahead-input/