使用 $http.get 在控制器中调用函数答案

【问题标题】：Call function in controller with $http.get使用 $http.get 在控制器中调用函数
【发布时间】：2020-09-17 04:03:23
【问题描述】：

当我运行它时，我根本没有任何价值，只是无休止的循环错误。（错误：[$rootScope:infdig]）

我的html：

{{getName(5)}}

这是我的功能：

$scope.getName = function(id) {
    $http.get('get.php?id='+id).then(function(response) {
        return response.data;
    });
}

当我调用 get.php?id=5 时，我会得到一个正常的答案，例如：“Jake Something”

当我在控制器中调用 $scope.getName(5) 时，我得到了正确的值，没有错误。

有没有办法解决这个问题或任何其他方法来获得正确的值？

【问题讨论】：

getName() 返回一个承诺，并且每次 Angular 运行一个摘要循环时都会被调用。您可能希望在创建控制器时调用它一次，并让它在您的作用域上设置一个属性，然后放入绑定中......
@Jason。这就是它循环的原因。非常感谢您的解释。

标签： angularjs angularjs-ng-repeat

【解决方案1】：

使用指令修复它：

myApp.directive('getCustomer', function($http) {
    return {
        restrict : 'E',
        scope: {
            customerid: '='
        },
        template: "{{data}}",
        link: function(scope, elem, attr) {
            var url = 'get.php?id='+scope.customerid;
            $http.get(url).then(function(response) {
                scope.data = response.data;
            });
        }
    };
});

在 html 中：

<get-customer customerid="5"></get-customer>

输出：

Jake Something

【讨论】：