angularjs ng-click funktioniert nicht mit Ereignis

Question

Ich bin neu bei angularjs, ich habe Probleme mit ng-click event.Ich habe herausgefunden, dass das Problem auf Click-Ereignis zurückzuführen ist, aber nicht wissen, wie es zu beheben ist.

Fehler beim Klicken auf die Taste ausgelöst:

Error: $event is not defined

HTML

<div class="form-group" data-ng-repeat="data in result[5]" > 
    <span> 
     <img ng-src={{data.image}} width="108" height="108"> 
    </span> 
    <span> 
     <input type="button" ng-click="removeProductImage($event, data.id_image)" class="btn btn-danger" value="Delete this image"></input> 
    </span> 
</div>  

app.js

$scope.removeProductImage = function(event,photo) { 
    var target = $event.target; 
    var container = $(target).parent().parent(); 
    //container.remove(); 
    return $http.get("catalog-ajax.php",{params:{type:11, id_image: photo}}).then(function(response){ 
     console.log(response); 
    }); 
}; 

Answer 1

Das Problem ist mit diesem Teil:

$scope.removeProductImage = function($event,photo) { 
    var target = $event.target; 
    var container = $(target).parent().parent(); 
    //container.remove(); 
    return $http.get("catalog-ajax.php",{params:{type:11, id_image: photo}}).then(function(response){ 
     console.log(response); 
    }); 
}; 

ändert es zu $event statt event.

Answer 2

Verwenden Ereignis $ statt Ereignis

$scope.removeProductImage = function($event,photo) { 
var target = $event.target; 
var container = $(target).parent().parent(); 
//container.remove(); 
return $http.get("catalog-ajax.php",{params:{type:11, id_image: photo}}).then(function(response){ 
    console.log(response); 
}); 
}; 

Answer 3

Ihr Parametername und die Variable innerhalb der Methoden sind unterschiedlich. Ändern Sie diese

$scope.removeProductImage = function($event,photo) { 
    var target = $event.target; 
    var container = $(target).parent().parent(); 
    //container.remove(); 
    return $http.get("catalog-ajax.php",{params:{type:11, id_image: photo}}).then(function(response){ 
     console.log(response); 
    }); 
};