title: How can I use ng-hide if $location.url == base (root) url?
body: <p>I'd like a <strong>&larr; Back to home</strong> link to appear below the nagivation on every page of my Angular app except the home page. So I'd like to conditionally add the link and hide it using <code>ng-hide</code> if the url is already on the home page (view) of the app.</p>
  
  <p>I've tried using angular's <code>$location</code> service with no success</p>
  
  <pre><code>&lt;p ng-hide="location.hash == '#/'" class="container"&gt;&lt;a href="#topics"&gt;&amp;larr; Back to Home&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>I've tried the following variations: </p>
  
  <pre><code>ng-hide="location.hash == '#/' " //console.log shows true
  ng-hide="location.hash === '#/' " //console.log shows true
  ng-hide="location.hash == '' "    //console.log shows false
  </code></pre>
  
  <p>I'm puzzled because if I log the value of <code>location.hash == '#/'</code> when on the home page i get <code>true</code>, so <code>ng-hide</code> should work. </p>
  
  <p>Basically I'm trying the 3rd approach listed here:
  <a href="https://stackoverflow.com/questions/22338743/how-do-i-use-angular-ng-hide-based-on-the-page-route-that-i-am-currently-on">How do I use angular ng-hide based on the page/route that I am currently on?</a> But it's not working. The other two approaches on that page seem overly complicated for what I'm trying to achieve. </p>
  
  <p>What am I missing?</p>