<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: SplunkJs in an AngularJs app... How to re-render() the charts? in Splunk Dev</title>
    <link>https://community.splunk.com/t5/Splunk-Dev/SplunkJs-in-an-AngularJs-app-How-to-re-render-the-charts/m-p/282576#M3541</link>
    <description>&lt;P&gt;I solved my own problem... Thanks to piUek on &lt;A href="https://answers.splunk.com/answers/216495/how-to-force-re-rendering-of-chart-elements-in-htm.html"&gt;https://answers.splunk.com/answers/216495/how-to-force-re-rendering-of-chart-elements-in-htm.html&lt;/A&gt;, I was able to implement the following code (to be refactored, of course):&lt;/P&gt;

&lt;PRE&gt;&lt;CODE&gt;$scope.$on("$destroy", function() {
      mvc.Components.getInstance('mysearch1').dispose();
    });
&lt;/CODE&gt;&lt;/PRE&gt;</description>
    <pubDate>Fri, 18 Dec 2015 03:29:19 GMT</pubDate>
    <dc:creator>northben</dc:creator>
    <dc:date>2015-12-18T03:29:19Z</dc:date>
    <item>
      <title>SplunkJs in an AngularJs app... How to re-render() the charts?</title>
      <link>https://community.splunk.com/t5/Splunk-Dev/SplunkJs-in-an-AngularJs-app-How-to-re-render-the-charts/m-p/282575#M3540</link>
      <description>&lt;P&gt;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.&lt;/P&gt;

&lt;P&gt;The code in question begins here: &lt;A href="https://github.com/northben/splunk-dashboard/blob/master/app/home/home.js#L62"&gt;https://github.com/northben/splunk-dashboard/blob/master/app/home/home.js#L62&lt;/A&gt;&lt;/P&gt;

&lt;P&gt;Here's the deployed app: &lt;A href="http://dashboard.pixelchef.net/"&gt;dashboard.pixelchef.net/&lt;/A&gt;&lt;BR /&gt;
Here's my repo: &lt;A href="https://github.com/northben/splunk-dashboard"&gt;https://github.com/northben/splunk-dashboard&lt;/A&gt;&lt;/P&gt;</description>
      <pubDate>Fri, 18 Dec 2015 01:57:21 GMT</pubDate>
      <guid>https://community.splunk.com/t5/Splunk-Dev/SplunkJs-in-an-AngularJs-app-How-to-re-render-the-charts/m-p/282575#M3540</guid>
      <dc:creator>northben</dc:creator>
      <dc:date>2015-12-18T01:57:21Z</dc:date>
    </item>
    <item>
      <title>Re: SplunkJs in an AngularJs app... How to re-render() the charts?</title>
      <link>https://community.splunk.com/t5/Splunk-Dev/SplunkJs-in-an-AngularJs-app-How-to-re-render-the-charts/m-p/282576#M3541</link>
      <description>&lt;P&gt;I solved my own problem... Thanks to piUek on &lt;A href="https://answers.splunk.com/answers/216495/how-to-force-re-rendering-of-chart-elements-in-htm.html"&gt;https://answers.splunk.com/answers/216495/how-to-force-re-rendering-of-chart-elements-in-htm.html&lt;/A&gt;, I was able to implement the following code (to be refactored, of course):&lt;/P&gt;

&lt;PRE&gt;&lt;CODE&gt;$scope.$on("$destroy", function() {
      mvc.Components.getInstance('mysearch1').dispose();
    });
&lt;/CODE&gt;&lt;/PRE&gt;</description>
      <pubDate>Fri, 18 Dec 2015 03:29:19 GMT</pubDate>
      <guid>https://community.splunk.com/t5/Splunk-Dev/SplunkJs-in-an-AngularJs-app-How-to-re-render-the-charts/m-p/282576#M3541</guid>
      <dc:creator>northben</dc:creator>
      <dc:date>2015-12-18T03:29:19Z</dc:date>
    </item>
  </channel>
</rss>

