如何从 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>