title: How to define links to angular routes in hashbang mode?
body: <p>What is the right way to define links to angular routes in hashbang (non-HTML5) mode?</p>
  
  <p>Suppose that I have the following nav. bar:</p>
  
  <pre><code>  &lt;div class="collapse navbar-collapse"&gt;
      &lt;ul class="nav navbar-nav"&gt;
        &lt;li&gt;&lt;a href="#!/first"&gt;First&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#!/second"&gt;Second&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class="nav navbar-nav navbar-right"&gt;
        &lt;li&gt;&lt;a href="#!/" ng-click="logout()"&gt;Logout&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>It works but I have the following questions in mind:</p>
  
  <ul>
  <li>I saw a lot of articles where authors do the same thing via <code>/first</code> or <code>#/first</code> instead of <code>#!/first</code> but it doesn't work for me for some reason (I guess that's because I'm using <code>#!</code> as a hashstring but I don't know why there's so many examples with <code>#/first</code> instead of <code>#!/first</code> if the latter is the default one)</li>
  <li><p>Is it ok to define <code>logout</code> action this way?</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#!/" ng-click="logout()"&gt;Logout&lt;/a&gt;&lt;/li&gt;
  </code></pre></li>
  </ul>
  
  <p>Because it seems a little bit ugly for me.</p>