how to use use anchor in html with ui router
<p>I used angular ui router, just like</p>

<pre><code>.state('home', {
        url: '/home',
        templateUrl: 'view/home/home.html',
        controller: 'homeCtrl'
    })
.state('guide', {
        url: '/guide',
        templateUrl: 'view/guide/guide.html',
        controller: 'guideCtrl'
    })
</code></pre>

<p>and I can visit in browser with a url, <a href="http://localhost:8000/dist/#/home" rel="noreferrer">http://localhost:8000/dist/#/home</a>
However, I can not use a anchor in my html
if there is a anchor in home.html like this</p>

<pre><code>&lt;a href="#aaa"&gt;scroll to aaa&lt;/a&gt;
....
&lt;h1 id="aaa"&gt;AAA&lt;/h1&gt;
</code></pre>

<p>when I click "scroll to aaa", the url will be <a href="http://localhost:8000/dist/#/aaa" rel="noreferrer">http://localhost:8000/dist/#/aaa</a>
and return a blank page.The anchor in home.html does not work.</p>

<p>How can I resolve this problem?</p>