javascript - $timeout not defined error in AngularJS app

Question

I have the following code:

app.factory('Position', ['$timeout', function() {

    var position = {
        latitude: 44,
        longitude: 26
    };

    console.log("Timeout started");

    $timeout(function() {
        position.latitude += 15;
        position.longitude += 15;
    }, 2000);

    return position;
}]);

And I get $timeout not defined in Javascript console. Am I not injecting the dependency of the service correctly ?

Answer 1

You did not inject $timeout. It should be as follows.

app.factory('Position', ['$timeout', function($timeout) {
    ...
}]);

Declaration this way ensures that services are correctly identified when your JavaScript code gets minified. For further information on how this helps minification, see A Note on Minification and Declaring AngularJS Modules For Minification

If minification is not in your plans (e.g for quick test), you can simply go with

app.factory('Position', function($timeout) {
    ...
});