Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<my-directive></my-directive>

CSS

.square {
    height:50px;
    width:50px;
    border: 1px solid #000000;
}

JavaScript

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

myApp.directive('myDirective', ['$timeout', function ($timeout) {
    return {
        restrict: 'E',
        replace: false,
        link: function (scope, elem, attr) {

            scope.squares = [1,2,3,4,5];
            scope.style = {"background-color": "red"};

        },
        template: '<div><div ng-repeat="s in squares" class="square" ng-style="style"></div></div>'
    };
}]);