调用AngularJS javascript函数时的正确语法

Question

我在下面定义的AngularJS JS文件中有一个JS函数，我称之为它。

在JS文件本身中调用此函数时，正确的语法是什么，因为我需要在网格上进行硬刷新。

功能

viewModel.getGridData = function (ajaxUrl, searchValues)
        {
            $http.post(ajaxUrl, { searchCriteria: searchValues })
            .success(function (data)
            {
                viewModel.gridOptions.data = data.kvs;
            });
        };

调用功能

viewModel.getGridData(ajaxUrl, searchValues);

Answer 1

您应该考虑使“ getGridData”成为一个服务函数，该函数使用Angular的内部$ http服务返回一个承诺。 这种模式的好处是允许您在应用程序内的其他位置重用ajax请求， 许多人认为这是最佳实践 。

myApp.factory('SearchService', function($http) {
    return {
      getGridData: function(url, valueObj) {
        return $http.post(url, valueObj);
      }
    }
});

promise将通过其内部ajax调用的解析来解决，因此您可以使用以下命令在控制器中调用factory函数（不要忘记将其作为依赖项注入！）

SearchService.getGridData(url, valueObject).then(function(result) {
    //you will have access to the result of the Ajax call inside this callback function only.
    //Be sure to bind it for use in other places in your application!
    console.log(result);
})

相关读物：

$ http docs

角度服务文档