2016-05-17 91 views
0

問題背景:AngularJS - 從外部指令綁定範圍變更 - Codepen包括

我使用NoUiSlider爲我的AngularJS應用程序的Range幻燈片。

的問題:

的NoUiSlider被ound於由它的ID更新div的值(對於最大值和最小值)如預期一個div。

我想允許更改後的值綁定到上下$scope變量即$scope.max$scope.min

Codepen:

以下Codepen給出我想實現什麼樣的例子。

http://codepen.io/daveharris/pen/xVNVLR

如可以看到的我已經設置在div的表示最小和最大的值ng-model到對應$scope.max$scope.min

當我更改最小值和最大值的div值時,如何提供更新$scope.min$scope.max值的方法?

+0

這就是爲什麼混合角和jQuery是這樣的PITA。你可能不得不將jQuery的東西包裝在指令中,並以這種方式使用它。你應該能夠找到一些有用的問題來幫助你開始,然後你可以問一個更具體的問題,如果你仍然無法得到它的工作。 – Lex

回答

0

如果滑塊僅適用於jQuery,那麼您將不得不將整個事件重新寫入Angular指令(很好的學習體驗),但爲什麼? F ...那個噪音!只需使用一個滑塊已經是一個角度指令:

https://github.com/angular-ui/ui-slider