enabled controls for a carousel that is not repeat based

Copy-paste code is bad thing. Create a private function that does this and then call it in both of these locations:

```JAVASCRIPT
var applyCarouselControls = function (attribute, element, scope) {
  if(attribute !== undefined) {
    // dont use a directive for this
    var tpl = '<div class="rn-carousel-controls">\n' +
      '  <span class="rn-carousel-control rn-carousel-control-prev" ng-click="prevSlide()" ng-if="carouselIndex > 0"></span>\n' +
      '  <span class="rn-carousel-control rn-carousel-control-next" ng-click="nextSlide()" ng-if="carouselIndex < ' + (currentSlides.length - 1) + '"></span>\n' +
      '</div>';
    iElement.append($compile(angular.element(tpl))(scope));
  }
};
```

then your call is:

```JAVASCRIPT
applyCarouselControls(iAttributes.rnCarouselControls, iElement, scope);
```