AngularSlideables does not work on div with generated html (ng-bind-html)

[Legchewer]

AngularSlideables does not work on div with generated html (ng-bind-html)

[select]

I discovered the same problem, it is because .directive('slideable', calls var contents = element.html(); but element is in this case an array.

[select]

I ended up using this code

app.directive('slideToggle', function() {
  'use strict';
  return {
    restrict: 'A',
    scope: {
      isOpen: '=slideToggle' // 'data-slide-toggle' in our html
    },
    link: function(scope, element, attr) {
      var slideDuration = parseInt(attr.slideToggleDuration, 10) || 200;

      // Watch for when the value bound to isOpen changes
      // When it changes trigger a slideToggle
      scope.$watch('isOpen', function(newIsOpenVal, oldIsOpenVal) {
        if (newIsOpenVal !== oldIsOpenVal) {
          element.stop().slideToggle(slideDuration);
        }
      });

    }
  };
});