我想paper-checkbox通过我创建的自定义元素设置元素的标签。
这就是我如何调用我的自定义元素，并将其值设置为一个名为optionLabel的属性，该属性要在复选框在屏幕上呈现时显示。
<check-list optionLabel="My first checkbox"></check-list>我的自定义元素check-list如下所示：
<dom-module id="check-list">
<template>
<style>
:host {
display: block;
}
</style>
<paper-checkbox on-change="_checkChanged">{{optionLabel}}</paper-checkbox>
</template>
<script>
(function () {
'use strict';
Polymer({
is: 'check-list',
properties: {
optionLabel: {
type: String,
notify: true
}
},
_checkChanged: function (e) {
alert("State changed");
}
});
})();
</script>
</dom-module>我的目标是在dom-repeat布局内重用我的自定义元素，并根据需要设置值。
正确的做法是什么？
根据文档， camelCase属性是从元素外部“访问”的，例如camel-case。该文档指出以下内容：
通过在每个破折号后面使用大写字母，然后删除破折号，将带有破折号的属性名称转换为camelCase属性名称。例如，属性名字映射到名字。将属性名称转换为属性名称时，相同的映射会反向发生。
换句话说，如果您执行以下操作，则您的代码应该可以正常工作：
<check-list option-label="My first checkbox"></check-list>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句