<p dir="auto">The demo uses a simple Quiz application (just the routing part).</p>
<p dir="auto">Steps to reproduce -</p>
<ol dir="auto">
<li>Start the quiz</li>
<li>Navigate forward</li>
<li>Click the back button and notice that the component does not render properly</li>
</ol>
<p dir="auto">See Plunker - <a href="http://plnkr.co/edit/8LMo0VLCLIuM06itCifn?p=preview" rel="nofollow">http://plnkr.co/edit/8LMo0VLCLIuM06itCifn?p=preview</a></p>
<p dir="auto"><strong>Current behavior</strong></p>
<ul dir="auto">
<li>usage of the browser's back button does not cause component to re-render properly</li>
</ul>
<p dir="auto"><strong>Expected/desired behavior</strong></p>
<ul dir="auto">
<li>usage of the browser's back button <em>does</em> cause the component to re-render properly (see Google Chrome behavior for expected behavior)</li>
</ul>
<p dir="auto"><strong>Other information</strong><br>
I also posted a <a href="http://stackoverflow.com/questions/36361140/back-button-on-angular2-is-broken" rel="nofollow">question to Stack Overflow</a> about this for additional context</p>
<p dir="auto">I am using Angular 2.0.0-beta.11 on OS X El Capitan. When Safari's browser history back function is used, <code class="notranslate">OnInit</code> does not get fired. It seems to work fine on Chrome.</p>
<p dir="auto">Steps to reproduce:</p>
<ol dir="auto">
<li>Fire up the official <a href="https://angular.io/resources/live-examples/toh-5/ts/plnkr.html" rel="nofollow">Tour Of Heroes Demo</a></li>
<li>Click on any hero in the dashboard</li>
<li>Use the browser back button or click the "back" button in the demo. The dashboard doesn't populate.</li>
</ol>
<p dir="auto">Related: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="112045282" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/4809" data-hovercard-type="issue" data-hovercard-url="/angular/angular/issues/4809/hovercard" href="https://github.com/angular/angular/issues/4809">#4809</a></p>