In my app I’ve got the following:
a) Basic Angular binding between buttons and functions that are exposed via $scope. This works absolutely fine. I click on a button, it fires a function to update a value & the updated value displays on the page.
b) SVG elements that are manipulated using GSAP. I have some draggable elements that have some eventhandlers configured. For example, when using onClick() I’m calling a function called $scope.displayPlayerProperties(this.target); This function updates some variables that are exposed via $scope. The variables are bound to page elements. The problem is that the updated values do not display on the page - even though I see that values have been updated when observing them via the JS console. Its as if the data binding has broken. Any ideas?
Cheers
Mark