Angular: Passing Object to Directive

http://angularjs.org/

HTML

<div ng-controller="MyCtrl">
 
   <user-issues ng-repeat="issue in issues" issue="issue"></user-issues>
 
</div>

CSS

.issues{
  border: 1px solid red;
}

h3{
  font-style: bold;
  font-size:2em;
}

JavaScript

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

myApp.directive('userIssues', function() {
    return {
        restrict: 'E',
        scope: { issue: '=' },
        link: function(scope) {
         scope.issues = [{Summary:"A",Type:"98089",Description:"DescAAA"},				{Summary:"BBB",Type:"TypeBBB",Description:"DescBBB"}];
        // alert('ddd');
        },
        template: '<div class="issues"><h3>{{issue.Summary}}<span class="label label-primary" style="margin-left:2%">{{issue.Type}}</span></h3><p>{{issue.Description}}</p></div>'
    };
});

myApp.controller('MyCtrl', function ($scope) {
    $scope.issues = [{Summary:"AAfgfghA",Type:"TypeAAA",Description:"DescAAA"},	{Summary:"BBB",Type:"TypeBBB",Description:"DescBBB"}];
});