Search code examples
angularjsangularjs-directiveangularjs-ng-transclude

How does the transclusion work here if transclude: false?


I'm trying to learn more about advanced custom directives and I was looking through the following source code:

https://github.com/dpiccone/ng-pageslide/blob/master/dist/angular-pageslide-directive.js

I noticed that on line 11, transclude: false,

However, this directive is wrapped around a div. How is the transclusion done?

the example given is thus:

<div ... ng-controller="yourCtrl">
    ...
    <pageslide ps-open="checked">
        <div>
            <p>some random content...</p>
        </div>
    </pageslide>
    ...
</div>

Solution

  • It doesn't use template as well. This means that <pageslide> children elements are still available in link, and they can be manipulated.