回调函数在 Angular JS 中不起作用


call back function not working in angular js?

我是角度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");
        });
    }