如何在AngularJS Bootstrap Colorpicker中使用事件

我不知道事件如何与Angular Bootstrap Colorpicker一起工作这是我从开发人员示例分叉Plunker可悲的是,开发人员没有为使用事件做任何榜样。

事件,如colorpicker-selectedcolorpicker-selected-saturationcolorpicker-selected-huecolorpicker-selected-alphacolorpicker-showncolorpicker-closed应予以支持。仅举一个例子就很好。

基本代码,无任何事件:

'use strict';

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

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

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

假定您有一个ngModel附件(根据源代码似乎是必需的),则只需$on在指令的祖先中捕获发出的事件即可

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

您询问的所有事件(colorpicker-selected-alpha,等等)都可以使用其原始名称显示。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在angularjs或bootstrap中使用清单框

来自分类Dev

如何在Node JS中使用事件?

来自分类Dev

如何在传单中使用事件overlayadd图层?

来自分类Dev

如何在C#中使用事件?

来自分类Dev

如何在焊接中使用事件(CDI)

来自分类Dev

如何在 actionscript 3.0 中使用事件调度

来自分类Dev

如何在bootstrap-wysiwyg中使用“更改事件”?

来自分类Dev

如何在AngularJS中使用Keydown事件

来自分类Dev

如何在WP8.1和MVVM Light中使用事件触发器?

来自分类Dev

如何在Android中使用事件时间检查当前时间?

来自分类Dev

如何在JS中使用事件循环构造去抖功能?

来自分类Dev

如何在 asp.net Boilerplate 中使用事件源

来自分类Dev

Lagom - 如何在服务集成测试中使用事件处理器?

来自分类Dev

如何在另一个模块中使用事件发射器?

来自分类Dev

在Tkinter中使用事件时,如何将其他变量传递给事件函数?

来自分类Dev

如何在Django中使用Bootstrap主题?

来自分类Dev

如何在Vue组件中使用Bootstrap?

来自分类Dev

如何在Vue中使用Bootstrap

来自分类Dev

如何在PhpStorm中使用Bootstrap?

来自分类Dev

如何在NetBeans中使用Bootstrap框架?

来自分类Dev

如何在 Bootstrap 中使用 React

来自分类Dev

在angularjs中使用bootstrap崩溃

来自分类Dev

如何从自定义文本框中使用事件处理程序?

来自分类Dev

如何从自定义文本框中使用事件处理程序?

来自分类Dev

如何在Angularjs ng-repeat中为div使用Bootstrap工具提示

来自分类Dev

AngularJS - bootstrap popover,如何在 ng-repeat 中正确使用“popover-is-open”

来自分类Dev

在通用事件格式 (CEF) 中,如何在现实生活应用程序中使用字段版本?

来自分类Dev

如何使用AngularJS使用Bootstrap警报

来自分类Dev

如何在骨干JS视图上使用事件

Related 相关文章

  1. 1

    如何在angularjs或bootstrap中使用清单框

  2. 2

    如何在Node JS中使用事件?

  3. 3

    如何在传单中使用事件overlayadd图层?

  4. 4

    如何在C#中使用事件?

  5. 5

    如何在焊接中使用事件(CDI)

  6. 6

    如何在 actionscript 3.0 中使用事件调度

  7. 7

    如何在bootstrap-wysiwyg中使用“更改事件”?

  8. 8

    如何在AngularJS中使用Keydown事件

  9. 9

    如何在WP8.1和MVVM Light中使用事件触发器?

  10. 10

    如何在Android中使用事件时间检查当前时间?

  11. 11

    如何在JS中使用事件循环构造去抖功能?

  12. 12

    如何在 asp.net Boilerplate 中使用事件源

  13. 13

    Lagom - 如何在服务集成测试中使用事件处理器?

  14. 14

    如何在另一个模块中使用事件发射器?

  15. 15

    在Tkinter中使用事件时,如何将其他变量传递给事件函数?

  16. 16

    如何在Django中使用Bootstrap主题?

  17. 17

    如何在Vue组件中使用Bootstrap?

  18. 18

    如何在Vue中使用Bootstrap

  19. 19

    如何在PhpStorm中使用Bootstrap?

  20. 20

    如何在NetBeans中使用Bootstrap框架?

  21. 21

    如何在 Bootstrap 中使用 React

  22. 22

    在angularjs中使用bootstrap崩溃

  23. 23

    如何从自定义文本框中使用事件处理程序?

  24. 24

    如何从自定义文本框中使用事件处理程序?

  25. 25

    如何在Angularjs ng-repeat中为div使用Bootstrap工具提示

  26. 26

    AngularJS - bootstrap popover,如何在 ng-repeat 中正确使用“popover-is-open”

  27. 27

    在通用事件格式 (CEF) 中,如何在现实生活应用程序中使用字段版本?

  28. 28

    如何使用AngularJS使用Bootstrap警报

  29. 29

    如何在骨干JS视图上使用事件

热门标签

归档