回调函数在 angular js 中不起作用?
call back function not working in angular js?
我是 angular js 的新手。我正在尝试使用 angular 函数更新产品。产品添加成功。在成功函数内部,我正在调用其他函数。故为其精。在第二个函数中,我试图从数据库中获取记录。但它没有发生。服务器端脚本语言是 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()。在第二种方法中,我添加了 console.log('Success')。所以它工作正常。之后它不向服务器发送任何请求?请指教
感谢:http://tech-blog.maddyzone.com/javascript/perform-addeditdeleteview-php-using-angular-js
抱歉..我找到了解决方案。我在上面定义了它工作正常的方法。这意味着任何方法都应该定义在它被调用的地方之上。因为我是新手 angular 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");
});
}
我是 angular js 的新手。我正在尝试使用 angular 函数更新产品。产品添加成功。在成功函数内部,我正在调用其他函数。故为其精。在第二个函数中,我试图从数据库中获取记录。但它没有发生。服务器端脚本语言是 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()。在第二种方法中,我添加了 console.log('Success')。所以它工作正常。之后它不向服务器发送任何请求?请指教
感谢:http://tech-blog.maddyzone.com/javascript/perform-addeditdeleteview-php-using-angular-js
抱歉..我找到了解决方案。我在上面定义了它工作正常的方法。这意味着任何方法都应该定义在它被调用的地方之上。因为我是新手 angular 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");
});
}