Angular directive parameter as an object

Question

Travellers :)

Here is an example as I think directive parameters should be working, but they don't. http://jsfiddle.net/z1m3gar5/

First directive uses

.directive('myDirective1', function () {
    return {
        restrict: 'E',
        scope: {
            options: '@'
        },
        templateUrl: 'MyDirective1.html',
        controller: function ($scope) {},
    }
})
...
<div>{{ options }}</div>

The other one uses

.directive('myDirective2', function () {
    return {
        restrict: 'E',
        scope: {
            options: '='
        },
        templateUrl: 'MyDirective2.html',
        controller: function ($scope) {},
    }
})
...
<div>{{ options.param }}</div>

First definition works just fine, the second doesn't. What do I miss? Thanks

Yashika Garg · Accepted Answer · 2015-05-28 08:45:14Z

1

You are using two-way binding for directive2 and for this you are not require to use {{ }}.

<my-directive2 options="dir2"></my-directive2>

and it will work fine!

Here is updated jsFiddle

answered May 28, 2015 at 8:45

Yashika Garg

2,3662 gold badges16 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular directive parameter as an object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related