I'm making a game in Angular. Each player object has an x and a y property. Whenever the player moves, I want to start a timer that cycles through a couple background positions in the sprite sheet.
I thought I would do this with a directive. The problem is that directives normally only let you set one expression to watch:
// test directive
module.directive(test, function() {
return function(scope, element, attrs) {
scope.$watch(attrs.test, function(value) {
// do something when it changes
})
}
})
// my template
<div test=name/>
The nice thing about this approach, is the test directive doesn't have to assume the scope has any particular property. You're telling it what to use when you use the directive.
The problem is that in my case I need to kick something off if either x OR y changes. How can I do this?
<div test=player.x, player.y/>
<div test=player.x test-two=player.y/>
Is there a best way to do this that you can think of? Basically I want to make a directive that does something on a timer if any of several properties change.
