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