ui-sref-active doesn't work with query parameters

[felquis]

I'm using ui-router 0.2.10, and I'm trying to use ui-sref-active with query parameters. My state is like this:

.state('profile', {
            url: '/profile/:userName?backbutton',
            views: {
                'app-view': {
                    templateUrl: 'templates/profile/profile.html',
                    controller: 'PerfilCtrl'
                }
            }
        })

My markup is:

<a class="menu-item" ui-sref="profile({ userName: me.username, backbutton: true })" ui-sref-active="active">Yo</a>

But, when I'm in http://localhost/profile/name?backbutton=true the ui-sref-active isn't activated.

[christopherthielen]

Can you put this in a plunkr please?
http://bit.ly/UIR-Plunk

[felquis]

sorry @christopherthielen, I haven't saw it in time to make a plunkr.

[PauliJP]

I wonder why this issue is closed since its very much active bug. I'm using "0.2.15" but also tried with version "1.0.3". So, having a query parameter in the route will confuse ui-sref-active directive which won't trigger. Quite annoying since I have to add the class manually each time.

[christopherthielen]

It’s closed because no method was posted to reproduce the error. Would you like to do so?

[PauliJP]

I don't have standalone working example but here is pretty much it.

// Controller 1:
this.$state.go('app.workingSites.inventoryStatusesStorageAmounts.harvestingAreaPlots', {
previousUrl: '/workingSites/inventoryStatuses/storageAmounts'
});

// Controller 2:
@route([
{
name: 'app.workingSites.inventoryStatusesStorageAmounts.harvestingAreaPlots',
url: '/plots?:previousUrl',
...
}, ...
]

// Template 2:

        <div class="nav-container">
            <a class="nav-item" ui-sref={{haDetails.plotsPath}} ui-sref-active="current">myTab</a>
...
</div>