Как сделать обычную директиву в angularJs для рендеринга некоторых элементов для ng-repeat

Я новичок в angularJs, и я хочу создать директиву custome, которая будет отображать некоторые элементы из ng-repeat. Поэтому у меня есть следующая директива custome:

(function(module) {

module.directive('portfolioList', function () {
    return {
        restrict: 'A',
        templateUrl: 'util/portfolio-list.tpl.html',
        controller: function($scope){
            var items = [
                {
                    name: 'SomeName',
                    imgLink: 'imgLink',
                    urlLink: 'urlLink'
                }

            ];
            $scope.portfolioItems = items;
        }
    };
});
}(angular.module("ab4.site.util")));

И html-код:

<li class="col-md-4 mix" ng-repeat="item in portfolioItems">
    <a href="{{item.urlLink}}" >
        <!-- Portfolio image -->
        <img src="{{item.imgLink}}" >

        <!-- Portfolio name, activated on hover -->
        <div>
            <h4>{{item.name}}</h4>
        </div>
    </a>
</li>

И я хочу создать новую директиву custome, которая заменит:

<a href="{{item.urlLink}}" >
        <!-- Portfolio image -->
        <img src="{{item.imgLink}}" >

        <!-- Portfolio name, activated on hover -->
        <div>
            <h4>{{item.name}}</h4>
        </div>
    </a>

Но я не знаю, как связать элемент с ng-repeat с новой директивой custome.