如何在AngularJS Bootstrap Colorpicker中使用事件

Question

我无法弄清楚事件如何与Angular Bootstrap Colorpicker一起使用。这是我从开发人员示例中分出的Plunker。遗憾的是，开发人员没有使用事件的例子。

应支持colorpicker-selected，colorpicker-selected-saturation，colorpicker-selected-hue，colorpicker-selected-alpha，colorpicker-shown，colorpicker-closed等事件。只有一个例子很好。

没有任何事件的基本代码：

'use strict';

angular.module('colorApp', ['colorpicker.module'])
  .controller('MainCtrl', ['$scope', function($scope) {

    $scope.nonInput = {
      color: ''
    };

    $scope.resetNonInputColor = function() {
      $scope.nonInput = {
        color: '#ffffff'
      };
    };
}]);

Answer 1

假设您附加了ngModel（根据source code似乎是必需的），您只需在指令的祖先中使用$on捕获发出的事件。 / p>

$scope.$on('colorpicker-shown', function(event, colorObject){
     console.log(colorObject);
});

您询问的所有事件（colorpicker-selected-alpha等）都可以使用原始名称。