Angular directive with ng-repeat inside and cached templates.

directive.js

'use strict';

(function() {
    var categoryItem = function(templateCache){
      return {
        restrict: 'E',

        replace: true,
        transclude: false,
        scope: { items:'=in'},

        // Use templateCache instead of templateUrl
        template: templateCache.get('category-item'),

        // The linking function will add behavior to the template
        link: function(scope, element, attrs) {


        }
      }
    };

    categoryItem.$inject = ['$templateCache'];
    angular.module('MerchApp').directive('categoryItem', categoryItem);

})();

index.jade

// Templates go here
    ng-include(src="'/templates/template'")

template.jade

!!! 5
html
head
  script(type="text/ng-template", id="category-item")
    .category-item.col-lg-3(ng-repeat="category in items")
      .thumbnail
        .caption
          h3 {{category.title}}
          p Category description
          button.btn.btn-primary Details

body

view.jade

.row
  category-item(in="Categories")