dynamically add a directive

[Efflam Daniel]

Hi,

I would like to add a directive to an element only if some condition is true. 

For example add an iScroll directive only if the browser doesn't have overflow-scrolling:touch support.

Is there a preferred way to do that ?

Thx !

[Pawel Kozlowski]

Hi!

Maybe instead of adding a directive conditionally you should execute
its logic (compile and / or link) conditionally?

Cheers,
Pawel

> --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.
> To post to this group, send email to ang...@googlegroups.com.
> To unsubscribe from this group, send email to
> angular+u...@googlegroups.com.
> Visit this group at http://groups.google.com/group/angular?hl=en.
>
>



--
Question? Send a fiddle
(http://jsfiddle.net/pkozlowski_opensource/Q2NpJ/) or a plunk
(http://plnkr.co/)
Need help with jsFiddle? Check this:
http://pkozlowskios.wordpress.com/2012/08/12/using-jsfiddle-with-angularjs/

Looking for UI widget library for AngularJS? Here you go:
http://angular-ui.github.com/

[Efflam Daniel]

Hi Pawel,

In fact, that is what I do for the moment :

app.directive('scroll', function() {

  return {

    restrict: 'EA',

    link: function postLink(scope, element, attrs) {

    var hasOverflowScrollingSupport = true; // for tests

    if(hasOverflowScrollingSupport){

    // use native scrolling with

    // -webkit-overflow-scrolling:touch;

      element.addClass('overflow-scrolling');

    }

    else {

    // use iScroll

    var opts = scope.$eval(attrs.scroll || attrs.scrollOpts || {}),

    scroll = new iScroll(element[0], opts);

   

    }

    }

  };

});

But I have already an iscroll directive. So maybe, the scroll directive could add the iscroll directive to the element if hasOverflowScrollingSupport is false. Is it possible to add a directive from a directive ?

Thx

[Andy Joslin]

Hi Efflam,

Inject the $compile service into your directive and use it.   http://docs.angularjs.org/api/ng.$compile

[Efflam Daniel]

Hi Andy,

For now the link function was enough for my needs. Seems like it's time to dive into the compile side ;)

Thank to both of you

[digger69]

Efflam, would love to see what you came up with.