AngularJS - 从外部指令绑定范围更改 - 包括Codepen

Question

问题背景：

我使用NoUiSlider为我的AngularJS应用程序提供Range幻灯片。

问题：

NoUiSlider是一个div，它按照预期的id（对于max和min值）更新div的值。

我想允许更改的值绑定到上下$scope变量，即$scope.max和$scope.min

Codepen：

以下Codepen给出了我想要实现的示例。

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

可以看出，我在div上提供了ng-model，其中显示了相应$scope.max和$scope.min的最小值和最大值。

当我更改min和max的div值时，如何提供更新$scope.min和$scope.max值的方法？

Answer 1

如果滑块仅用于jQuery，则必须将整个内容重写为Angular的指令（很棒的学习体验），但为什么呢？ F ......那噪音！只需使用已经是Angular指令的Slider：

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