I am trying to create some custom tag using angularjs with ng-repeat but its not working, its giving tag name in double quotation marks.

Good result is: shouldn't show `<div>` or another tags.

I have a demo version here : <http://plnkr.co/edit/aT2UjMIGGLvnCGFxXC3a?p=preview>
 or you can use code snippet

my code is:

```js
angular.module('myApp', [])
.controller('MainCtrl', function($scope) {
   $scope.items = [
   {
     "name":"directive1"
   },
   {
     "name":"directive2"
   },
   {
     "name":"div"
   }
 ];
})

.directive("showitems", function(){
 return {
  restrict: "E",
  template: '<div class="item" ng-repeat="item in items"><div class="item-title">{{item.name}}</div><div class="item-body"><{{item.name}}></{{item.name}}></div></div>'
 }
});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MainCtrl">
  <showitems></showitems>
</div>
```