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