Angular, Run function on interval, timeout

Question

I have written the following controller that gets info from my DB and displays in in my app:

Controller:

.controller('activityCtrl', function($scope, $http, $interval) {
    $http.get("user.php")
    .then(function (response) {$scope.names = response.data.records;});
})

user.php

<?php
//DB stuff goes here
$outp = "";
while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
    if ($outp != "") {$outp .= ",";}
    $outp .= '{"Regid":"'  . $rs["Regid"] . '",';
    $outp .= '"Fname":"'   . $rs["fname"]        . '",';
    $outp .= '"Lname":"'   . $rs["lname"]        . '",';
    $outp .= '"activity":"'   . $rs["activity"]        . '",';
    $outp .= '"ID":"'. $rs["id"]     . '"}'; 
}
$outp ='{"records":['.$outp.']}';
$conn->close();
//echo($outp);
?>

Now Im trying to modify the controller so it runs getData function and updates the view at a predefined interval and Im having some trouble incorporating the necessary portions for the update with what I already have working. here is the controller as it has been modified:

.controller('activityCtrl', function($scope, $http, $timeout) {
$scope.getData = function(){
$http.get("user.php")
.success(function(data,status,headers,config){
//The next line needs to be modified to work with the new code
//.then(function (response) {$scope.names = response.data.records;});
console.log("data fetched");
        });
    };
$scope.intervalFunction = function(){
    $timeout(function(){
        $scope.getData();
        $scope.intervalFunction();
    }, 1000)
};
$scope.intervalFunction(); 
});

Currently I have the console.log running for testing and everything is functional. I have my older line of code commented out; this is the line I need to rewrite in order to display the data as needed. Any help is very much appreciated.

The interval is working already; I dont know how to rewrite the .success function so it displays the results from the $http.

Don't try to create json manually ... it is very time consuming and error prone and can be done simply using `json_encode($array)` — charlietfl, Feb 27 '16 at 17:32
Is `success` firing? Do you see the `data fetched` message? Really not clear what specific problem is — charlietfl, Feb 27 '16 at 17:34
@charlietfl - If I comment .success and uncomment .then the whole script stops working. I need to rewire .success so it displays the data like .then does — DataGuy, Feb 27 '16 at 17:39
@charlietfl - if I comment .success and uncomment .then I get the following error: Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: — DataGuy, Feb 27 '16 at 17:50
likely a syntax error then when you are changing. Right now you show it inside the success so if you leave the close braces of success syntax won't be right. the version at very top of question should work — charlietfl, Feb 27 '16 at 17:51

score 0 · Answer 1 · answered Feb 27 '16 at 17:25

0

Sorry your question is pretty unclear to me, as in what you are trying to achieve.

If you want to run your code repeatedly after a certain time frame then you can just use the $interval service. Can you be more clear on what you are trying to achieve and where is the problem?

answered Feb 27 '16 at 17:25

Ive edited the post- I need to update my one line of code so it works with the rest on the new code – DataGuy Feb 27 '16 at 17:28

score 0 · Answer 2 · edited May 23 '17 at 11:50

0

Use $interval instead of $timeout

    $interval(function(){
        $scope.getData();
    }, 1000);

See More : setTimeout or setInterval?

edited May 23 '17 at 11:50

Community

1
1

answered Feb 27 '16 at 17:27

Karthik VU

561
5
17

The interval is working already; I dont know how to rewrite the .success function so it displays the results from the $http. – DataGuy Feb 27 '16 at 17:29
I think the same success function should work. If you want to append the new results to the old one, use `.push()` and a `ng-repeat` in the markup. – Karthik VU Feb 27 '16 at 17:33
Its not working, which is why Ive posted the question. If I comment .success and uncomment .then the whole script stops working – DataGuy Feb 27 '16 at 17:37
It should be `then` instead of `success` – Karthik VU Feb 27 '16 at 17:38
that doesnt fix the problem – DataGuy Feb 27 '16 at 17:41
Maybe you should try creating a fiddle for us to understand the real problem – Karthik VU Feb 27 '16 at 17:42

score 0 · Answer 3 · answered Feb 27 '16 at 17:40

0

While technically not an answer what are you doing in user.php? I think you're trying to create a JSON string but I question your methods.

<?php
  while($row = $result->fetch_array(MYSQLI_ASSOC)) {
    $data[] = $row; // or just use a fetch_all?
  }

  echo json_encode($data);
?>

answered Feb 27 '16 at 17:40

Xorifelse

7,878
1
27
38

Thats exactly what Im doing – DataGuy Feb 27 '16 at 17:42

score 0 · Answer 4 · answered Feb 27 '16 at 18:10

I fixed the issue by using $scope and setInterval instead. Here is the new controller in case anyone needs a reference:

.controller('activityCtrl', function($scope, $http) {
    $scope.value = 0;
    setInterval(function(){
   $http.get("user.php")
   .then(function (response) {$scope.names = response.data.records;});
    }, 1000);
});

Angular, Run function on interval, timeout

4 Answers4