Angular.js Template Function Not Running

Question

I am writing a client side clock that ticks in Angular.js. However, nothing is showing up. For conventions, I wanted the clock to be a service injected into the controller.

html:

 <small>Current time is: {{ clientClock.now() | date: 'mediumTime' }} </small>

service:

angular.module('monitorApp')
.factory('clockTicker', function($interval) {
    $interval(function(){ }, 1000);
    return {
            clientClock: function() { return Date; }
    }
});

controller:

$scope.clientClock = clockTicker.clientClock;

since your clientClock is a function in the factory, try $scope.clientClock = clockTicker.clientClock(); note the parentheses at the end — Chris Preston
– Chris Preston, Commented Jul 6, 2014 at 4:36
was on to the solution and created a fiddler. A bit late though jsfiddle.net/4vXSt — V31
– V31, Commented Jul 6, 2014 at 4:46
@BradWerth - good idea, so this question can be closed. Just added it. — Chris Preston
– Chris Preston, Commented Jul 10, 2014 at 0:23

Chris Preston · Accepted Answer · 2014-07-10 00:23:14Z

1

The reason that doesn't work is because ClientClock inside the factory is a function, therefore it has to be called like this:

$scope.clientClock = clockTicker.clientClock();

note the parentheses at the end.

answered Jul 10, 2014 at 0:23

Chris Preston

6348 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular.js Template Function Not Running

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related