2016-05-17 73 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