Question

我正在尝试在index.html（在dom-bind中）中组合2个纸质元素，但无法找到正确的语法。我想我已经尝试了聚合物装订文档中提到的所有组合......在这个简单的例子中，纸质材料元素的高程应该通过放入纸张输入中的内容来设置（即1到5之间的值）。有人可以为我提供正确的语法吗？

我的代码：

<html>
<head>
  ...loading necessary components...
</head>
<body>
    <template is="dom-bind">
        <paper-input id="input" label="label"></paper-input>
        <paper-material elevation$="{{this.$.input.value}}">
            Some text here...
        </paper-material>
    </template>
</body>
</html>

Answer 1

当绑定到不从本机HTMLElements继承/扩展的元素时，不应使用美元符号。您也可以将输入直接绑定到属性，下面是一个示例：

<paper-input value="{{elevation::input}}">
<!-- or -->
<paper-input bind-value="{{elevation}}">

以下是working example验证用户想要设置的高程。

dom-bind中的纸输入绑定

1 个答案: