title: Angular ui-router show/hide elements on specific state
body: <p>I want to show/hide specific content depending on the state of my angular app. But it apparently only works on "childstates"...</p>
  
  <p>I tried to do this:</p>
  
  <pre><code>function($scope, $rootScope, $state){
       $rootScope.$state = $state;
  }
  </code></pre>
  
  <p>and then my html:</p>
  
  <pre><code>// THIS DOES NOT WORK - ELEMENT REMAINS HIDDEN!!!             
  &lt;div data-ng-show="$state.includes('home')"&gt;some content...&lt;/div&gt;
  
  // THIS WORKS - ELEMENT IS VISIBLE ON STATE!!
  &lt;div data-ng-show="$state.includes('artist.videos')"&gt;some content...&lt;/div&gt;
  </code></pre>
  
  <p>So, my question is: why doesnt it work on the <code>'home'</code> state??</p>
  
  <p>What is the issue here?</p>