Get value of scope variable in controller AngularJS

Question

I have to fetch value of scope variable defined in directives. I have to get value of that scope variable in controller using AngularJS. How can i fetch value of scope variable?

Directive

app.directive('checkToggle', function() {
    return { 
        scope: true,
        link: function ($scope, element, attrs) {
            $(element).on('click', function() {
                $(element).find('i').toggleClass('icon-check icon-check-empty');
                if ($(element).find('i').hasClass('icon-check')) {
                    $scope.isChecked = 'true';
                } else {
                    $scope.isChecked = 'false';
                }
            });
        }
    }
});

I have to get $scope.isChecked value in controller.

could you share fiddle or plunker demo of what u have tried ? — Ajay Singh Beniwal
– Ajay Singh Beniwal, Commented Apr 24, 2013 at 10:47
Your question is too broad.. Can you provide more details of what you are trying to do? Also, you should not be setting scope variables in the directive and accessing them in controller.. — Ganaraj
– Ganaraj, Commented Apr 24, 2013 at 10:48

pkozlowski.opensource · Accepted Answer · 2013-04-24 11:45:13Z

2

If I understand your use-case correctly you would like to toggle an icon on click. If so you don't need to write any directive for this. And provided that you would like to write a directive your shouldn't go about it as you've started. Your code is very imperative, jQuery-like while AngularJS power is in driving declarative UI based on model changes.

Anyway, toggling an icon can be easily done with standard AngularJS directives:

<i ng-class="{'icon-star' : isChecked, 'icon-star-empty': !isChecked}" ng-click="isChecked = !isChecked"></i>

Here is a working plunk: http://plnkr.co/edit/nXXQA41w00Cpeo6tTibg?p=preview

answered Apr 24, 2013 at 11:45

pkozlowski.opensource

117k60 gold badges329 silver badges286 bronze badges

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

1 Comment

Archna Rangrej Over a year ago

Thank u pkozlowski.opensource

Collectives™ on Stack Overflow

Get value of scope variable in controller AngularJS

Directive

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Directive

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related