如何从 AngularJs 控制器中的 ION-Range-Slider 获取 "from" & "to" 值

Question

我正在尝试从 AngularJS 控制器中的 ION-Range-Slider 获取 "from" 和 "to" 的值，但出现语法错误。

这是我的滑块：

<div class="slider-box">
    <h5>Entfernung</h5>
    <ion-slider type="double"
        grid="true"
        min="0"
        max="800"
        step="50"
        from="{{ distance.from }}"
        to="{{ distance.to }}"
        postfix="Meter"
        disable="false">
    </ion-slider> 
</div>

from="{{ distance.from }}" <!-- Syntax ERROR -->
to="{{ distance.to }}"     <!-- Syntax ERROR -->

在我的控制器中我试过这个：

$scope.distance = {
    from: 0,
    to: 400,
};

感谢您的宝贵时间:)

Answer 1

通常在这些自定义组件上设置属性时不需要 {{ }} 括号 - 它知道您正在引用 Angular 属性。尝试：

<div class="slider-box">
    <h5>Entfernung</h5>
    <ion-slider type="double"
        grid="true"
        min="0"
        max="80"
        step="50"
        from="distance.from"
        to="distance.to"
        postfix="Meter"
        disable="false">
    </ion-slider>
</div>

如何从 AngularJs 控制器中的 ION-Range-Slider 获取 "from" & "to" 值

How to get "from" & "to" value from ION-Range-Slider in a AngularJs Controller

javascript

angularjs

ion-range-slider