angularjs ng-clickイベントと連携していません

Question

私はangularjsを初めて使用しています。ng-clickイベントで問題に直面しています。問題はクリックイベントによるものですが、修正方法はわかりません。ボタンをクリックする上で投げ

エラー：

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

問題はこの部分である：

$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); 
    }); 
}; 

$event代わりのeventに変更し、それを。

Answer 2

使用$イベントの代わりに、イベント

$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

パラメータ名とメソッド内の変数が異なります。このような変更

$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); 
    }); 
};