我在自定义元素中使用false
的{{1}}。我在自定义元素中传递Polymer
属性并将其分配给滑块的paper-slider
值。然而,滑块表现得很奇怪,直到光标移动到极限并且值在非常高的范围内变化时它才会滑动。
以下是代码:
min
用法:
min
导致这种奇怪行为的代码中的错误是什么。通过<link rel="import" href="/bower_components/paper-slider/paper-slider.html">
<dom-module id="slider-two">
<template>
<br>
<br>
<paper-slider pin min=[[min]]></paper-slider>
</template>
<script>
Polymer({
is: 'slider-two',
properties: {
min: {
type: String
}
}
});
</script>
</dom-module>
替换代码中的<slider-two min='5'></slider-two>
会得到预期的正确结果,而奇怪的行为仅由min=[[min]]
引起。我已尝试将名称更改为max=[[min]]
以外的其他名称。
我是使用min
安装的,我使用min
(因为它与某个bower i --save paper-slider
兼容)。
答案 0 :(得分:0)
问题可能是您将min
属性声明为String
,但根据文档,它应该是一个数字:paper-slider docs。
min:number = 0通知
继承自Polymer.IronRangeBehavior表示范围最小值的数字。
尝试将min
声明为Number
:
Polymer({
is: 'slider-two',
properties: {
min: {
type: Number
}
}
});