title: HTML href fails to call any div tags while using angular js ng-controller
body: <p>Well I came across with a conflict while I'm using <code>HTML</code>  using angular js ng-controller so has an error result in URL it shows a slash, in addition, like 
  localhost:8080/test/#/m1 such has can someone guide me how to handle this error</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;style&gt;
          a{  }
          .target {  }
          .target &gt; div { display:none; }
          .target &gt; div:target{ display:block; }
   &lt;/style&gt;
  &lt;div&gt;
       &lt;a href="#m1"&gt;fea1&lt;/a&gt;
       &lt;a href="#m2"&gt;fea1&lt;/a&gt;
      &lt;div class="target" ng-controller="createUpdateReadDeleteCtrl"&gt;
          &lt;div id="m1"&gt;content m 1&lt;/div&gt;
         &lt;div id="m2"&gt;content m 2&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>