Angular: Empty Fiddle

http://angularjs.org/

HTML

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

JavaScript

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

myApp.directive('dynAttr', function() {
    return {
        scope: { list: '=dynAttr' },
        link: function(scope, elem, attrs){
        //console.log(scope.list);
            for(attr in scope.list){
            	if (scope.list[attr].attr) {
                console.log(scope.list[attr].attr);
                 var replacementElement = document.createElement(scope.list[attr].attr);
                 replacementElement.innerHTML = elem.html();
                 elem.replaceWith(replacementElement);
                
                }
            }
        }
    };
});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.attrs = [
        { attr: 'myattribute', value: '' },
        { attr: 'anotherattribute', value: 'val' }
    ];
    $scope.list = [
      "item",
      "item",
      "divider",
      "subheader",
      "item",
      "item"
    ];
    $scope.attrs = [];
    for(var i = 0; i < $scope.list.length; i++){
      	$scope.attrs.push([{attr: 'md-menu-' + $scope.list[i], value: ''}]);
    }
}