Set dynamic attributes with angular

directives.js

angular.module('olaferlandsen', [])
/**
* Example of usage:
* <input type="element" ng-attrs='{"my-own-attr" : "value", "max": 10, "min":0}'>
*/
.directive('ngAttributes', function($injector, $compile) {
    return function (scope, element, attrs) {
        var ngAttributes = attrs.ngAttributes;
        if (typeof ngAttributes== 'string') ngAttributes = ngAttributes.replace(/(^\s+|\s+$)/ig, '')
        if (ngAttributes.length == 0) return;
        ngAttributes = angular.fromJson(ngAttributes);
        angular.forEach(ngAttributes, function (value, attribute) {
            attr = attribute.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase()
            element.attr(attr, value);
        });
        // Remove ngAttributes to prevent recursive call
        element.removeAttr('ng-attributes');
        $compile(element)(scope);
    };
})