html - 通过数据绑定设置“min”时,聚合物纸滑块行为异常
问题描述
我在我的自定义元素中使用Polymer
's 。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]]
代码中的 bymax=[[min]]
给出了预期的正确结果,而奇怪的行为只是由引起的min
。我曾尝试将名称更改为其他名称min
。
我使用它安装它bower i --save paper-slider
并且我正在使用Polymer 1.0.0
它(为了它与某个兼容leaflet-map
)。
解决方案
可能问题是您将min
属性声明为 aString
但根据文档,它应该是一个数字:paper-slider docs。
min: number = 0 notify
继承自 Polymer.IronRangeBehavior表示范围最小值的数字。
尝试声明min
为Number
:
Polymer({
is: 'slider-two',
properties: {
min: {
type: Number
}
}
});
推荐阅读
- jquery - 在使用 JQuery 将元素附加到列表之前检查元素是否存在
- atom-editor - 如何更改 atom 附加组件的键绑定?
- android - Android Fragment Navigation 自定义导航返回按钮
- arrays - 如何在numpy数组中打印特定行/列的最大值?
- data-structures - 链表,在log(k)中实现peekAt(k)方法
- javascript - 如何在d3极坐标散点图中找到线之间的圆的位置
- vue.js - NuxtJS/VueJS:如何知道页面是否仅在客户端呈现?
- gsoap - SOAP 1.2 错误:SOAP-ENV:Receiver [无子代码]
- elasticsearch - 如何在弹性搜索索引中同时使用 ngram 和边缘 ngram 标记器?
- angular - Angular 和 .Net Core API - 用于查看由 MAC 地址分配的仪表板的电视控制