Javascript 表达式作为单击角度方法内的参数
在下面的代码中,我需要获取票证id作为方法参数。 ng click=“rejectTicket({{ticket.id}})”(当然,此代码不起作用) 我想将生成的表行中特定票据的id发送到后端java控制器,并调用Javascript 表达式作为单击角度方法内的参数,javascript,html,angularjs,jakarta-ee,Javascript,Html,Angularjs,Jakarta Ee,在下面的代码中,我需要获取票证id作为方法参数。 ng click=“rejectTicket({{ticket.id}})”(当然,此代码不起作用) 我想将生成的表行中特定票据的id发送到后端java控制器,并调用reject()方法。如何以“干净”的方式实现此功能 ngClick中不需要{{}符号,因此此行: 应改为: 发布控制器代码 <tr ng-repeat="ticket in tickets" ng-show="ticket.state === 'NEW' || ticket
reject()
方法。如何以“干净”的方式实现此功能
ngClick中不需要{{}符号,因此此行:
应改为:
发布控制器代码
<tr ng-repeat="ticket in tickets" ng-show="ticket.state === 'NEW' || ticket.state === 'PROCESSING'">
<td>{{ticket.created}}</td>
<td style="text-align: center;">
<a href="#" ng-click="rejectTicket({{ticket.id}})">
<img class="ico" src="../lib/images/reject.png" title="Reject ticket">
</a>
<a href="#" ng-hide="ticket.state === 'PROCESSING'">
<img class="ico" src="../lib/images/incrase.png" title="Change to processing">
</a>
<span ng-show="ticket.state === 'PROCESSING'">
<img class="ico" src="../lib/images/incraseDisabled.png" title="Already processing">
</span>
<a href="#">
<img class="ico" src="../lib/images/approve.png" title="Satisfy ticket">
</a>
</td>
</tr>
angular.module('app').controller('TicketController', function ($scope, $http, $location) {
$scope.tickets = [];
/**
* Get tickets.
*/
$http.get('rest/tickets').then(function (response) {
$scope.tickets = response.data;
});
/**
* Create a ticket.
*/
$scope.createTicket = function () {
console.log('submit');
$http({
url: 'rest/tickets',
method: "POST",
data: $scope.ticket
}).then(function (response) {
$scope.tickets.push(response.data);
}, function () {
alert('Error: New ticket was not created.');
}).finally(function () {
$scope.ticket = {
state: 'NEW'
};
})
};
/**
* Reject a ticket.
*/
$scope.rejectTicket = function (ticketId) {
console.log('submit');
$http({
url: 'rest/tickets/reject',
method: "PUT",
data: ticketId
}).then(function (response) {
$scope.tickets.push(response.data);
}, function () {
alert('Error: Can not reject this ticket.');
}).finally(function () {
$scope.ticket = {};
})
};
});