Same state, different parameter: Ui-sref-active="active" on both items of the menu


I have a menu wit two item leading to the same view (same state = /contact) but with different parameters passed to the view.

The only problem is with the ui-sref-active="active": when I click on the "Bug Report " item, both "Contact" and "Bug Report" items areactive`.

How to make sure Contact is not active when I click on Bug Report ?

Thanks for your help.

.state('', {
            url: '/contact',
            views: {
                'menuContent': {
                    templateUrl: 'templates/contact.html',
                    controller: 'ContactCtrl'
            params: {
                bugReport: {
                  value: false

and in menu.html:

<ion-item nav-clear menu-close ui-sref="" ui-sref-active="active">
  <i class="icon ion-ios-email"></i>
<ion-item nav-clear menu-close ui-sref="app.language" ui-sref-active="active">
  <i class="icon ion-earth"></i>
<ion-item class="otherMenu" nav-clear menu-close ng-click="openPolicy()">
  Terms of service
  <i class="icon ion-ios-information-outline"></i>
<ion-item nav-clear menu-close ui-sref="{bugReport: true})">
  Bug report
  <i class="icon ion-bug"></i>

ok I found the answer on my own, I had to replace this line by:

    <ion-item nav-clear menu-close ui-sref="{bugReport: false})" ui-sref-active="active">