How do I connect this interval service to a view?

by

First, you didn’t inject the $interval to the mytimer service and did try to use it.

secondly, you had scope issues in the mytimer service:

stop = $interval(function() {
    if (this.blood_1 > 0 && this.blood_2 > 0) {
        this.blood_1 = $this.blood_1 - 3;
        this.blood_2 = $this.blood_2 - 4;
    } else {
        this.stopFight();
    }
}, 100);

when declaring a function you are creating a new scope, meaning the this is pointing to a new scope. you can either use bind or to use the $this variable you declared in line 5. (in ES2015 you could simply use the arrow function).

also you declared the module exampleController twice in app.js and in mytimer.js.

Take a look at this working Plunker:
http://plnkr.co/edit/34rlsjzH5KWaobiungYI?p=preview

More Related Contents:

  1. How do I bind to list of checkbox values with AngularJS?
  2. Why are Callbacks from Promise `.then` Methods an Anti-Pattern
  3. How to display length of filtered ng-repeat data
  4. How to handle anchor hash linking in AngularJS
  5. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  6. What’s the recommended way to extend AngularJS controllers?
  7. Losing scope when using ng-include
  8. SyntaxError: Unexpected token o in JSON at position 1
  9. How to get the url parameters using AngularJS
  10. firebase.database is not a function
  11. angularjs to output plain text instead of html
  12. How to access object property with invalid characters
  13. angularjs: allows only numbers to be typed into a text box
  14. Can you pass parameters to an AngularJS controller on creation?
  15. How do I use Bluebird with Angular?
  16. How to implement history.back() in angular.js
  17. Global Ajax error handler with AngularJS
  18. Angular JS custom delimiter
  19. AngularJS How to dynamically add HTML and bind to controller
  20. Access index of the parent ng-repeat from child ng-repeat
  21. Pass variables to AngularJS controller, best practice?
  22. HTTP request from Angular sent as OPTIONS instead of POST
  23. How to implement hierarchical multilevel datatable in javaScript?
  24. What is the difference between Polymer elements and AngularJS directives?
  25. Show pop-ups the most elegant way
  26. $resource callback (error and success)
  27. AngularJS: lazy loading controllers and content
  28. Rename Object Key in an array using javascript
  29. Function Called Multiple Times in AngularJS Repeat Section
  30. Load static JSON file in Webpack

Leave a Comment