Form.io page redirect on form completion
<p>I've been becoming more familiar with and learning angularjs because we started using form.io to directly embed created forms into a web page with a module. </p>

<p>I've gone through multiple examples on modules and event firing and which direction events are fired based on $emit and $broadcast. But really I'm trying to capture an event fired by the formio module.</p>

<p>Using Angular and displaying a form is easy enough in the body by simply placing the code below.</p>

<pre><code>&lt;formio src="'https://ofnatmqalooynpz.form.io/testform'"&gt;&lt;/formio&gt;
&lt;script type="text/javascript"&gt;
  angular.module('formioApp', ['formio']);
  angular.bootstrap(document, ['formioApp']);
&lt;/script&gt;
</code></pre>

<p>Their documentation goes on to read: </p>

<blockquote>
  <p>The formio module emits events at various times. These events are designed to allow developers to respond to events that occur within the formio generated forms. For example, after a user creates a new submission, you may want to change the view to display that submission or send them to a thank you page. You can do this by responding to the formSubmission event:</p>
</blockquote>

<pre><code>$scope.$on('formSubmission', function(err, submission) { /* ... */ });
</code></pre>

<p>But whenever I try to create a controller the form does not load or it does not work. I'm definitely understanding this to be my lack of understanding in angular.</p>

<pre><code>&lt;script type="text/javascript"&gt;
  var formioApp = angular.module('formioApp', ['formio']);
  angular.bootstrap(document, ['formioApp']);
  formioApp.controller('formio',['$scope','$controller','$rootScope', function($scope,$controller,$rootScope) {
    $scope.$on('formSubmission', function(err, submission) { /* page redirect*/ });
  });
&lt;/script&gt;
</code></pre>

<p>I figured capturing an event from a module should be pretty simple, so I must be missing something very easy.</p>