滑块滑动时执行操作

Question

我在codepen中使用Angularjs材料实现了一个简单的日期滑块。 http://codepen.io/helpme/pen/MaGpPa

.sliderdemoBasicUsage input[type="number"] {
  text-align: center; }

我希望这个滑块在移动幻灯片时执行简单的操作。例如，每当移动幻灯片时，我希望窗口警报显示“滑块移动”。在访问文档https://material.angularjs.org/latest/api/directive/mdSlider

后，我仍然无法做到这一点

如果可能的话，如何做到这一点？

Answer 1

您可以观察特定组件属性或状态，因为它随$ scope更改。$ watch：

我在此处修改了您的Codepen：http://codepen.io/anon/pen/GpGdEM

.controller('AppCtrl', function($scope) {

  $scope.month = 4;

  $scope.$watch('month', function(val) {
    // read the value of month and perform action
    if (val === 9) alert('This is September');
  });
});