如何使用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; 
    },