使用 Jquery Ajax 后，角度函数突然无法正常工作

Question

我还是php编程的新手，我想了解为什么当我使用jquery ajax方法更新数据库上的值时，我的角函数停止工作。

这是我在html上的angular代码：

<tfoot ng-app="kembalianApp" ng-controller="kembalianCtrl">
<tr>
<th class="has-text-right" colspan="6">TOTAL : </th>
<th class="has-text-right" ><p ng-model="total" ng-init="total='<?php echo $record2['total'];?>'"><?php echo $total;?></p></th>
</tr>
<tr>
<th class="no-border has-text-right" colspan="6">BAYAR : </th>
<th style="max-width:100px;padding:0" class="no-border"><input type="text" class="input has-text-right has-text-weight-bold" ng-model="bayar"></th>
</tr>
<tr>
<th class="no-border has-text-right" colspan="6">KEMBALIAN : </th>
<th class="no-border has-text-right">{{kembalian()}}</th>
</tr>
</tfoot>

这就是我的角度码

var app = angular.module('kembalianApp', []);
app.controller('kembalianCtrl', function ($scope) {
$scope.kembalian = function () {
if (parseInt($scope.bayar - $scope.total) >= 0) {
return $scope.result = parseInt($scope.bayar) - parseInt($scope.total);
} else {
return $scope.result = '-';
}
};
});

这是我的Jquery ajax代码

$(document).ready(function () {
$('.kurang').on('click', function () {
var id_pesanan = $(this).data('id_pesanan');
var id_makanan = $(this).data('id_makanan');
var jumlah = $(this).data('jumlah');
jumlah = parseInt(jumlah);
jumlah = jumlah - 1;
$.post('assets/ajax/kurangmenu.php', {
id_makanan: id_makanan,
id_pesanan: id_pesanan,
jumlah: jumlah
}, function (data) {
$('#containerpesanan').html(data);
});
});
$('.tambah').on('click', function () {
var id_pesanan = $(this).data('id_pesanan');
var id_makanan = $(this).data('id_makanan');
var jumlah = $(this).data('jumlah');
jumlah = parseInt(jumlah);
jumlah = jumlah + 1;
$.post('assets/ajax/kurangmenu.php', {
id_makanan: id_makanan,
id_pesanan: id_pesanan,
jumlah: jumlah
}, function (data) {
$('#containerpesanan').html(data);
});
});
});  

我不明白为什么我的angular在使用jquery ajax后就不能工作了。

Answer 1

以下是AngularJS代码中的错误：-

<p ng-model="total" ng-init="total='<?php echo $record2['total'];?>'"><?php echo $total;?></p>

ng模型适用于双向绑定。ng模型不支持p标记。如果要绑定p标记，则可以使用ng-bind或｛｛｝｝。

<p ng-bind="total"></p>

或

<p {{::total}}></p>