error when assigning a controller in the directive?

[yahya Kacem]

Hi, how to correctly assign a controller to a directive so 2 directives can communicate to each other. When I set the require argument of the second directive to the name of the first directive i get an error in the console:

2. Error: No controller: dir at Error (<anonymous>) at getControllers (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js:4132:19) at nodeLinkFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js:4259:35) at compositeLinkFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js:3869:15) at compositeLinkFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js:3872:13) at nodeLinkFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js:4252:24) at compositeLinkFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js:3869:15) at compositeLinkFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js:3872:13) at publicLinkFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js:3775:30) at http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js:934:25 <div class="btn btn-danger" dir2=""> angular.js:5601
1. (anonymous function)angular.js:5601
2. (anonymous function)angular.js:4698
3. nodeLinkFnangular.js:4261
4. compositeLinkFnangular.js:3869
5. compositeLinkFnangular.js:3872
6. nodeLinkFnangular.js:4252
7. compositeLinkFnangular.js:3869
8. compositeLinkFnangular.js:3872
9. publicLinkFnangular.js:3775
10. (anonymous function)angular.js:934
11. Scope.$evalangular.js:7905
12. Scope.$applyangular.js:7985
13. (anonymous function)angular.js:932
14. invokeangular.js:2813
15. bootstrapangular.js:930
16. angularInitangular.js:906
17. (anonymous function)angular.js:14600
18. cjquery-latest.min.js:3
19. p.fireWithjquery-latest.min.js:3
20. b.extend.readyjquery-latest.min.js:3
21. H
    
    

here's a plnkr with an example code.

Thanks in advance.

[Pawel Kozlowski]

Hi!

You need to use require: "dir".

You can have a look at tabs directive from the bootstrap repo for an
example of 2 directives communicating together:
https://github.com/angular-ui/bootstrap/blob/master/src/tabs/tabs.js

Cheers,
Pawel

> --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to angular+u...@googlegroups.com.
> To post to this group, send email to ang...@googlegroups.com.
> Visit this group at http://groups.google.com/group/angular?hl=en-US.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>



--
Looking for bootstrap-based widget library for AngularJS?
http://angular-ui.github.com/bootstrap/

[yahya Kacem]

Hi, and thanks for replaying, i'm using require: dir, i just forget to put it in the example now it's there, and the same error still appears, the code is written exactly like in the documentation said it should be written, am I doing something wrong or what.

Thanks in advance.

[Mark Perry]

To share a controller between directives you need to nest the sub directives inside the parent one.

For example:

<div parentDirective>

    <span subDirective>Something</span>

</div>

Now "subDirective" can use the controller from "parentDirective" due to the inheritance from $scope.

At least this is what I have found.

Thanks, Mark

[yahya Kacem]

Thank you that did it.