函数内的 $scope 变量未在 angular js 中更新

Question

<button class="button button-primary"
        ng-click="editSchedule(controlCenter.selected)">
  Edit Schedule
</button>

From Button i am calling the function

$scope.records = [];

$scope.editSchedule = function(data) {
    var s = "/api/v1/controlcenter/sitegroups?";
    for (var i = 0; i < data.length - 1; i++) {
        s += "ids=" + data[i]._id + "&";
    }
    s += "ids=" + data[data.length - 1]._id;

    $http({
        method: "GET",
        url:s,
    }).then(
        function successCallback(response) {
            $scope.records = response.data;
            console.log("angular api call");
            console.log($scope.records);
        },
        function errorCallback(response) {
            alert("Error. Try Again!");
        }
    );
};

I am getting Api response but it is not being updated in $scope.records variable .

Answer 1

Make sure your view is in the same scope as $scope.records , it must be something very silly! Seems like your controller and your view are not the same.