Two matching directives don't see the same scope #8143

Izhaki · 2014-07-11T10:49:58Z

If one defines two directives with isolated scope that match the same element (plunk), one gets:

Error: [$compile:multidir] Multiple directives [directive1, directive2] asking for new/isolated scope on: <div directive1="" directive2="">

One can infer that scopes are attached to DOM nodes, not to the directives themselves.

(It has to be mentioned that while two matching directives cannot declare an isolated scope, they are both free to create one 'manually' in the controller/link functions - essentially allowing each to have an isolated scope.)

But if only one directive has an isolated scope, the other directive doesn't see it. As in this example (see plunk):

index.html:

<html ng-app='myApp'>

<head>
    <meta charset='utf-8'>
    <title>AngularJS IsoScope</title>
    <script src='//ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='index.js'></script>
</head>

<body>
    <div directive1 directive2></div>
</body>

</html>

index.js:

var myApp = angular.module( 'myApp', [] );

myApp.directive( 'directive1', function( $compile, $interpolate ) {
    return {
        scope: {},
        controller: function( $scope, $element, $attrs, $transclude ) {
            console.log( $scope.$id );
        },
    }
});

myApp.directive( 'directive2', function( $compile, $interpolate ) {
    return {
        controller: function( $scope, $element, $attrs, $transclude ) {
            console.log( $scope.$id );
        },
    }
});

This outputs:

003
002

So what scopes are attached to exactly? If it's the DOM node, both directive should see the same scope; if it's the directive, why two directives can't define their own isolated scope?

The text was updated successfully, but these errors were encountered:

btford · 2014-07-21T22:28:28Z

Please read the contributing guidelines; these types of questions are ill-suited for GitHub. Thanks!

btford closed this as completed Jul 21, 2014

btford added the resolution: invalid label Jul 21, 2014

Izhaki mentioned this issue Aug 11, 2014

ngModelCtrl pollutes child scope #8539

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Two matching directives don't see the same scope #8143

Two matching directives don't see the same scope #8143

Izhaki commented Jul 11, 2014

btford commented Jul 21, 2014

Two matching directives don't see the same scope #8143

Two matching directives don't see the same scope #8143

Comments

Izhaki commented Jul 11, 2014

btford commented Jul 21, 2014