【问题标题】:Change event of Angular rangeSliderAngular rangeSlider 的更改事件
【发布时间】:2015-03-05 13:34:29
【问题描述】:

http://danielcrisp.github.io/angular-rangeslider/demo 之后,我创建了一个滑块来更改价格值。

 <div range-slider min="5000000" max="1000000000" model-min="demo1.min" model-max="demo1.max"></div> {{demo1.max}}

{{demo1.max}} 的位置而不是 5000000 我想显示5 Million。随着价值达到十亿,想显示为1 Billion。我知道我必须为此编写自定义代码,但我怎样才能捕捉到 Angular rangeSlider 的更改事件?我可以从代码中更改过滤器、过滤器选项吗? 谢谢。

【问题讨论】:

    标签: angularjs angularjs-directive rangeslider


    【解决方案1】:

    如何捕捉 Angular rangeSlider 的 change 事件?

    为此,您可以使用 on-handle-down 属性。当您释放范围句柄时,它将触发给定的功能。您可以在此函数中检查您的模型值并按照您的意愿行事。

    <div range-slider on-handle-up='handleUp();' ... ></div>
    

    【讨论】:

      【解决方案2】:

      在Angular rangeSlider中,可以得到两个事件

      <div range-slider on-handle-up='handleUp();' on-handle-down="handleDown();"></div>
      
      1. 何时处理被抓取on-handle-down
      2. 当句柄被释放时on-handle-up

      【讨论】:

        猜你喜欢
        • 2016-07-09
        • 2018-03-19
        • 1970-01-01
        • 1970-01-01
        • 2016-11-21
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-12-24
        相关资源
        最近更新 更多