如何使用javascript修改聚合物元素的属性？

Question

很基本的问题，甚至不确定它是否是聚合物特定的，因为我认为我只是缺乏一些基本的JavaScript知识。

无论如何，我想要做的是写一个基于用户输入的滑块值的条件语句。

如果用户在滑块上输入的数量小于5，则会弹出一个联系表格 否则，如果滑块值大于5，则会显示一个列表。

这是我迄今为止

HTML

<paper-slider id="slider" min="{{quiz.min}}" max="{{quiz.max}}" step="{{quiz.step || 1}}" immediateValue="{{value}}"></paper-slider> 

JS

<script> 

    Polymer('topeka-quiz-picker', { 

    eventDelegates: { 
     down: 'answered', 
    }, 

    quizChanged: function() { 
     this.value = this.$.slider.value = this.$.slider.secondaryProgress = this.quiz.min || 0; 
    } 



    }); 

    if(this.value > 5) { 

    /* shows contact form */ 
    } else { 
    /* shows list */ 
    } 

</script> 

编辑* 什么会我已经把来跟踪用户输入的价值，以及如何我会在else语句中创建一个元素还是转到其他卡？

这是托皮卡网站，我想修改 https://polymer-topeka.appspot.com/

Answer 1

使用custom filters

下面是一个例子：Plunk

<paper-slider immediateValue="{{ val }}"></paper-slider> 
{{ val | check }} 
... 
check: function(value) { 

    if (value < 100) { 
     return 'Value < 100'; 
    } 
    return value; 
    },