A angular directive to signature_pad

angular + signature_pad

angular.module('SignaturePad', [])
        .directive('SignaturePad', function () {
            return {
                restrict: 'A',
                require: '?ngModel',
                link: function (scope, element, attrs, ngModel) {
                    if (!ngModel) return;

                    var signaturePad = new SignaturePad(element[0]);

                    ngModel.$render = function () {
                        signaturePad.fromDataURL(ngModel.$viewValue)
                    };

                    signaturePad.onEnd = function () {
                        scope.$evalAsync(read);
                    };
                    read();

                    function read() {
                        var dataUrl = signaturePad.toDataURL();
                        ngModel.$setViewValue(dataUrl);
                    }
                }
            }
        })
    ;