one ng-click function for multiple element Angular

Question

i have something like this :

<li>
          <a href="#" id="navId" ng-click="toggleStyle()">

                <i class=" fa fa-navicon">
                </i>
           </a>
</li>
<li>
    <a href="#" id="searchId" ng-click="toggleStyle()">
               <i class="fa fa-search"></i>
    </a>

</li>

How can i use one function for multi elements like this :

     $scope.toggleStyle = function () {
            if("#navId"){
           //do Stuff
            }
           if("#searchId"){
             //Do somthing else
            }
    }

use getElementById('navId') instead of ("#navId")

user4375224
– user4375224

2014-12-27 07:54:24 +00:00
Commented Dec 27, 2014 at 7:54 — user4375224
– user4375224, Commented Dec 27, 2014 at 7:54

New Dev · Accepted Answer · 2014-12-27 07:55:46Z

2

Just pass whatever parameter you need to the function:

<a href="#" id="navId" ng-click="toggleStyle('navId')">

$scope.toggleStyle = function(param){
  if (param === 'navId') {
    // do stuff
  }
  // ...
}

answered Dec 27, 2014 at 7:55

New Dev

49.8k12 gold badges99 silver badges139 bronze badges

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

Collectives™ on Stack Overflow

one ng-click function for multiple element Angular

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