How to add an external template into tag carousel-item

[ivanferrer]

<ui-carousel
     slides="steps"
     slides-to-show="1"
     slides-to-scroll="1"
     autoplay="false"
     autoplay-speed="2000"
     infinite="false"
     initial-slide="0"
     dots="false">
<carousel-item>
     <p><img ng-src="{{item.image}}"></p>
     <div ng-include="'content_gallery.html'"></div>
</carousel-item>
</ui-carousel>

 <script type="text/ng-template" id="content_gallery.html">
    <div>
        <div ng-repeat="category in collection_category">
            <a href="javascript:void(0)" ng-click="checkItem(category)"><i class="{{category.icon}}" ng-class="{active:category.active == true}"></i> {{category.title}}</a>
        </div>
    </div>
</script>