Question

我一直在玩弄Polymer，这是一个简单的应用程序，它从纸张输入元素中获取输入，并将其放在列表中。

我刚刚更新了bower update，现在我似乎无法清除输入字段。

这是我的代码：

<link rel="import" href="../bower_components/polymer/polymer.html">
<polymer-element name="input-reason">
    <template>
        <content select="paper-input" on-change="{{valueChanged}}"></content>
    </template>
    <script>
    Polymer('input-reason', {
        valueChanged: function() {
            var inputText = this.getElementsByTagName('paper-input')[0].value;
            console.log(inputText);
            this.getElementsByTagName('paper-input')[0].value = "";
        }
    });
    </script>
</polymer-element>

这在我更新之前有效，现在没有任何反应。我猜测纸张输入或核心输入中的某些变化，但我真的不知道它可能是什么。

另一件事，我想知道是否真的有必要跳过这样的箍来获得并设置纸张输入的值。它看起来很粗糙。

Answer 1

您仍然可以使用inputValue并提交通知更改：

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="input-reason">
    <template>
    <content select="paper-input" inputValue="{{ value }}" on-change="{{ valueChanged }}"></content>
    </template>
    <script>
        Polymer('input-reason', {
            valueChanged: function () {
                var input = this.getElementsByTagName('paper-input')[0];
                var inputText = input.inputValue;
                console.log(inputText);
                input.inputValue = 'sd';
                input.commit();
            }
        });
    </script>
</polymer-element>

如何清除聚合物纸张输入？

1 个答案: