SplunkJs in an AngularJs app... How to re-render() the charts?

[northben]

I am building a dashboard using AngularJs and Splunk. When I navigate back to a view, the charts are gone, and I can't figure out how to get them to re-render. I am not sure if this is more of a question for Splunk developers or Angular developers. I am still learning Angular, and there aren't a lot of SplunkJs examples/docs, so here I am.

The code in question begins here: https://github.com/northben/splunk-dashboard/blob/master/app/home/home.js#L62

Here's the deployed app: dashboard.pixelchef.net/
Here's my repo: https://github.com/northben/splunk-dashboard

[northben]

I solved my own problem... Thanks to piUek on https://answers.splunk.com/answers/216495/how-to-force-re-rendering-of-chart-elements-in-htm.html, I was able to implement the following code (to be refactored, of course):

$scope.$on("$destroy", function() {
      mvc.Components.getInstance('mysearch1').dispose();
    });