title: Clear out existing angular ui router query params when switching to the same route
body: <p>I'm using angular ui router to route bewteen my pages and I have a route that has a few different query parameters. The problem is that when I switch routes for that same page with different query parameters, any existing parameters stay in place. </p>
  
  <p>So if I'm at url <code>localhost:8080/myapp/#/myPath?barId=098</code> and I use one of the below items I end up at url <code>localhost:8080/myapp/#/myPath?barId=098&amp;fooId=123</code> instead of <code>localhost:8080/myapp/#/myPath?fooId=123</code></p>
  
  <p>I've tried using <code>ui-sref="myPath({fooId:123}"</code> and <code>$state.go("myPath", {fooId:123})</code> but they both result in the same behavior. Is there a way to remove existing parameters?</p>
  
  <p>Here's the state definition</p>
  
  <pre><code>.state('myPath', {
     url: '/myPath?fooId&amp;barId&amp;fluffyId&amp;anotherId',
     templateUrl: 'foo.html',
     controller: MyController
  })
  </code></pre>