AngularJS : Determine when rendered inner directives exist

Question

Inside one of my views I'm using myDirective like this:

<div my-directive></div>

It (myDirective) has a template:

<div>
    <div my-inner-directive></div>
</div>

My question is: how do I know from within myDirective that all sub-directives were rendered? In essence, when can I use element.find() and actually get results? DO NOT offer me window.setTimeout and $timeout because those are bogus solutions that will never work properly.

sound like bad idea... u can do smth like
and launch afterRender() manually from i.e. link of my-inner-directive — Petr Averyanov, Feb 26 '15 at 17:41
In reality, I have a search directive that has my custom text box and button directives. What's so bad about that? — Alex, Feb 26 '15 at 17:54
i.e. temaplte of my-directive: So why u need to use element.find()? — Petr Averyanov, Feb 26 '15 at 17:58

Vinay K · Answer 1 · 2015-02-26T17:57:00.763

2

Assuming this markup..

<parent>
    <child1>
        <child2></child2>
    </child1>
</parent>

The order of execution is:

PreLinking of Parent
PreLinking of Child1
PreLinking of Child2
PostLinking of Child2
PostLinking of Child1
PostLinking of Parent.

PostLinking function of a directive will guarantee the execution of its child elements.

It is place to bind event listeners or lookup for child DOM nodes.

In the markup that is specified in the example..
PostLinking of myDirective will be executed after myInnerDirective is compiled.

More on this at: link

edited Feb 26 '15 at 17:57

answered Feb 26 '15 at 17:42

Vinay K

5,562
1
18
27

I kinda don't understand. Can you give an example code? – Alex Feb 26 '15 at 17:54
1

Updated the post. Please have a look at the link that i have given. – Vinay K Feb 26 '15 at 17:57

score 1 · Answer 2 · edited May 23 '17 at 10:27

1

Vinay K gave you a good link but you should also take a look at this post on StackOverflow: Angular directives - when and how to use compile, controller, pre-link and post-link

It's quite long but has probably most of the stuff you'll need to know for a while :)

edited May 23 '17 at 10:27

Community

1
1

answered Feb 26 '15 at 18:27

Sam

341
1
4
15

score 0 · Answer 3 · answered Feb 27 '15 at 13:37

0

Ok, turns out that I was doing some things the wrong way. I have also missed that I can use $broadcast() and $on().

So. Inner directive:

$scope.$broadcast('myCustomDirectiveEvent')

Outer/parent directive:

$scope.$on('myCustomDirectiveEvent')

answered Feb 27 '15 at 13:37

Alex

1,011
2
16
27

AngularJS : Determine when rendered inner directives exist

3 Answers3