Question

我刚开始探索polymer.js。我想从纸输入元素中获取名称。它没有工作，警报是空的。

<dom-module id="hello-world">
<template>
    <h1> Hello [[name]]</h1>
    <paper-input value="{{name}}"></paper-input>
    <button onClick="{{getData}}">Get data</button>
</template>
<script>
    Polymer({
        is: "hello-world",
        properties: {
            name: {
                type: String,
                value: '1'
            }
        },
        getData: function () {
            alert(this.name);
        }
    })
</script>

Answer 1

如果您想要onClick事件，请在聚合物模板中使用on-click="getData"。

....要向本地DOM子级添加事件侦听器，请使用on-event   模板中的注释。这通常消除了给予的需要   一个元素一个id，仅用于绑定事件监听器。

因为事件名称是使用HTML属性指定的，所以事件   name始终转换为小写。这是因为HTML属性   名称不区分大小写。因此，指定on-myEvent会添加一个侦听器   为myevent。事件处理程序名称（例如，handleClick）是大小写   敏感。为避免混淆，请始终使用小写事件名称。

DEMO

Polymer从纸张输入元素中获取值

1 个答案: