change focus on parent div on focus of child href element using angular js

Question

I have a div structure as below.

    <div class="class1">

        <a href="http://google.com" target="_blank" class="class2">

        </a>

   </div>

So on focus of href, may I know how we can add a class to div(that is parent of href) using angular js

Thanks, Balaji

Vineet · Accepted Answer · 2015-07-07 10:45:28Z

4

You need to use two directives. data-ng-focus and data-ng-class

<div class="class1" data-ng-class="{'className' : applyClass == true}">

   <a href="http://google.com" target="_blank" class="class2" data-ng-focus="applyClass=true"></a>

</div>

Please don't forget to mention this varibale false in your controller first.

$scope.applyClass = false;

Or you can even use

<div class="class1" data-ng-init="applyClass = false" data-ng-class="{'className' : applyClass == true}">

edited Jul 7, 2015 at 10:45

answered Jul 7, 2015 at 10:35

Vineet

4,7153 gold badges25 silver badges42 bronze badges

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

1 Comment

balaji Over a year ago

Hi, Thanks for you answer Vineet, let me check :)

Collectives™ on Stack Overflow

change focus on parent div on focus of child href element using angular js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related