How to use directive inside ng-repeat?

I want to use a counter http://ift.tt/1vXekqx directive inside ng-repeat like

<div ng-repeat="item in items">
    <div counter value="item" min="1" max="30" step="3" editable></div>
</div>

in my controller

$scope.items = []
items.push(1);
items.push(2);

But it is not working.

Edit:1

in my controller

$scope.items = []
$scope.items.push(1);
$scope.items.push(2);

Edit 2:

My Plunkr : http://ift.tt/1Bi6IEo