Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <div dyn-attr="attrs">
      Hello
    </div>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

myApp.directive('dynAttr', function() {
    return {
        scope: { list: '=dynAttr' },
        link: function(scope, elem, attrs){
            for(attr in scope.list){
                elem.attr(scope.list[attr].attr, scope.list[attr].value);   
            }
            //console.log(scope.list);           
        }
    };
});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.attrs = [
        { attr: 'myattribute', value: '' },
        { attr: 'anotherattribute', value: 'val' }
    ];
}