我是角度js的新手。我正在尝试使用角度功能更新产品。产品添加成功。在成功函数中,我正在调用其他函数。所以为了它很好。在第二个函数中,我正在尝试从数据库中获取记录。但这并没有发生。服务器端脚本语言是PHP。以下是我的编码:
var listApp = angular.module('listApp', []);
listApp.controller('PhoneListCtrl', function($scope, $http){
$scope.title= 'I am Excited';
$scope.product_submit = function() {
$http.post('db.php?action=add_product',
{
'prod_name' : $scope.prod_name,
'prod_desc' : $scope.prod_desc,
'prod_price' : $scope.prod_price,
'prod_quantity' : $scope.prod_quantity
}
)
.success(function (data, status, headers, config) {
alert("Product has been Submitted Successfully");
$scope.get_product();
})
.error(function(data, status, headers, config){
alert("Unable to update");
});
}
$scope.get_product = function() {
console.log('Block 1');
$http.get("db.php?action=get_products").success(function(data)
{
console.log(data);
//$scope.product_detail = data;
//$scope.pagedItems = data;
});
}
});
在上面的方法中,我调用了 get_product()。 在第二个方法中,我添加了控制台.log("成功")。所以因为它工作正常。之后它不会向服务器发送任何请求?请指教。
感谢:http://tech-blog.maddyzone.com/javascript/perform-addeditdeleteview-php-using-angular-js
道歉..我找到了解决方案。我定义上面的方法,它工作正常。这意味着任何方法都应该在调用它的位置之上定义。因为我是刚接触角度 js 而不知道的。
$scope.get_product = function() {
console.log('Block 1');
$http.get("db.php?action=get_products").success(function(data)
{
console.log(data);
//$scope.product_detail = data;
//$scope.pagedItems = data;
});
}
$scope.product_submit = function() {
$http.post('db.php?action=add_product',
{
'prod_name' : $scope.prod_name,
'prod_desc' : $scope.prod_desc,
'prod_price' : $scope.prod_price,
'prod_quantity' : $scope.prod_quantity
}
)
.success(function (data, status, headers, config) {
alert("Product has been Submitted Successfully");
$scope.get_product();
})
.error(function(data, status, headers, config){
alert("Unable to update");
});
}