通过数据绑定设置“min”时,聚合物纸张滑块表现奇怪

时间:2018-06-01 12:32:55

标签: html polymer bower polymer-1.0

我在自定义元素中使用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兼容)。

1 个答案:

答案 0 :(得分:0)

问题可能是您将min属性声明为String,但根据文档,它应该是一个数字:paper-slider docs

  

min:number = 0通知
  继承自Polymer.IronRangeBehavior

     

表示范围最小值的数字。

尝试将min声明为Number

Polymer({
    is: 'slider-two',
    properties: {
        min: {
            type: Number
        }
    }
});