带有数据绑定的纸张滑块,具有不同的非预期值

时间:2016-01-01 00:19:15

标签: polymer polymer-1.0

我正在尝试创建Polymer 1.0自定义元素。我有一个带有绑定值的纸张滑块。在页面加载时,尽管提供了什么值,但默认值为100。具有相同边界值的纸张输入显示页面加载的预期值。当纸张滑块更改纸张输入时,两者都具有匹配值。

longitude

在属性下,startPoint和locationPoint都是Number类型,并且具有来自该元素的值。 endPoint是一个计算属性,它使用startPoint,locationPoint和其他数据来生成结果。

<paper-input label="start" type="number" value="{{startPoint::input}}"></paper-input> <paper-input label="location" type="number" value="{{locationPoint::input}}"></paper-input> <paper-slider pin min="{{startPoint}}" max="{{endPoint}}" value="{{locationPoint::change}}" step="2.5"></paper-slider>

使用元素中显示的数字生成两个纸张输入,以及一个旋钮位于100的滑块。(滑块最大计算正确,并且会有某些值,如&#34; 500&#34;)

如何让滑块值与我在页面加载时提供给它的locationPoint相匹配?

编辑: 问题在于我如何定义属性的顺序。我让他们这样:

<example-element start-point="15"  location-point="325"></example-element>

这解决了它

properties: {
locationPoint: Number,
startPoint: Number, ... 

有人可以指导我这方面的一些文件吗?

0 个答案:

没有答案