angular bindAttr

bindAttr.js

module.directive("bindAttr", function() {
  return function(scope, element, attrs) {
    var args = JSON.parse(attrs.bindAttr);
    for (var key in args) {
      scope.$watch(args[key], function() {
        var val = scope.$eval(args[key]);
        attrs.$set(key, val);
      }, true);
    }
  }
});

example usage:

<div bind-attr='{"data-my-weird-attribute": "myWeirdAttributeValue()"}'>

$scope.myWeirdAttributeValue = function() {
  // ...
  return "foo"
}

Results in

<div data-my-weird-attribute="foo" bind-attr='{"data-my-weird-attribute": "myWeirdAttributeValue()"}`>