Resetting Angular Page
<p>I have a button on my angular page that I want to be able to reset the page. By reset I mean take the page back to the original state as if the user just accessed the page for the first time. I was thinking about going the copying route so I tried something like this:</p>

<pre><code>$scope.orig = angular.copy($rootScope);
</code></pre>

<p>But that threw <a href="https://docs.angularjs.org/error/ng/cpws" rel="nofollow">this error</a>. I have several scope variables and many controller variables. I don't want to save them all individually. I thought it would just be easier to copy the page in it's original condition and then reset it by retrieving the original version. But that doesn't seem to be a workable solution. Any ideas how to solve this problem?</p>

<p><strong>Edit 1:</strong>
I tried Ben Felda's solution but couldn't get it to work. Here's my controller code:</p>

<pre><code>var app = angular.module('myApp',['ngRoute']);

var MyCtrl = function($route, $scope, $log, $http, $sce, $q, $filter) {
    this.$route = $route;
    this.$scope = $scope;
    this.$log = $log;
    this.$http = $http;
    this.$sce = $sce;
    this.$q = $q;
    this.$filter = $filter;

    this.ShouldAutoStart = false;
    this.viewA = true;
    this.viewB = false;
    this.topButtonClicked = false;
    this.showIDTable = false;
    this.topRequest;
};

MyCtrl.prototype.reset = function() {
    var _this = this;
    console.log("route reloaded");
    _this.$route.reload();
};

MyCtrl.prototype.getInfo = function() {
    var _this = this;
    _this.reset();
    //do other stuff
};

MyCtrl.$inject = ['$route','$scope', '$log', '$http', '$sce', '$q', '$filter'];
app.controller('MyCtrl', MyCtrl);
</code></pre>

<p>Here's my HTML:</p>

<pre><code>&lt;form ng-submit="dp.getInfo(dp.id)" class="form-inline"&gt;
    &lt;div class="form-group"&gt;
        &lt;div class="input-group"&gt;
            &lt;input type="text" ng-model="dp.id" class="form-control" required/&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;button type="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt;
&lt;/form&gt;
</code></pre>

<p>I included the <code>angular-route.js</code> file in the <code>index.html</code>. Any idea what I'm doing wrong?</p>