title: Ui-sref is not generating the right url in ionic framework
body: <p>Hi I have two separate templates named "home.html" &amp; "home.singleLink.html" in templates folder.</p>
  
  <p>home.html looks like this</p>
  
  <pre><code>&lt;ion-list&gt;  
   &lt;ion-item ng-repeat="link in links"&gt;   
    &lt;a class="button button-clear" ui-sref="home({singleLink: link.name})"&gt;{{link.name}}&lt;/a&gt; 
   &lt;/ion-item&gt;
  &lt;ion-list&gt;
  </code></pre>
  
  <p>And I want to show "home.singleLink.html" template and vanishes the "home.html" template when a user click on the link what is in ui-sref. I am passing a variable after the "home"</p>
  
  <p>Here is my app.config looks like</p>
  
  <pre><code>$stateProvider
  .state('home', {
    url: '/home',
    templateUrl: 'templates/home.html',
    controller: 'linksController'
  })
  .state('home.singleLink', {
    url: '/:singleLink',
    templateUrl: 'templates/home.singleLink.html',
    controller: 'linksController'
  })
  </code></pre>
  
  <p>As per I know ui-sref will generate a href when a user click in the link. But in my case when I inspect the link I can see a additional href="#/home" along with the ui-sref which is not changing when I click in the link.</p>
  
  <p>Thanks in advance.</p>