一个ng-click函数用于多个元素Angular

Question

我有这样的事情：

<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>  

如何为多元素使用一个函数，如下所示：

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

Answer 1

只需将您需要的任何参数传递给函数：

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

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