event not defined in firefox but working on chrome

Question

I have the following function :-

$scope.getBillDetails=function($event){ bill_id=event.target.id

And I call it in the following way on ng-click:-

<td><button type="button" id="{{user.bill_id}}" href="#mySlider2" data-slide="next" class="btn btn-primary right" ng-click="getBillDetails($event)">View Details</button></td>

My code is working fine on Chrome but it fails in firefox saying event not defined. Can someone please help me out. I saw some other posts regarding the same issue but did not get any proper solution.

Answer 1

Use the argument you named as $event

Change

$scope.getBillDetails=function($event){
    bill_id=event.target.id

To

$scope.getBillDetails=function($event){
    bill_id=$event.target.id
           // ^^ matches function argument