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语句中创建元素或转到另一张卡？

这是我试图修改的topeka网站 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;
  },

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

1 个答案: