lcpriest/dynamic-query-params.md

Last active November 1, 2018 12:43

Star (4) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/lcpriest/db74e742c632372479bee8a65af85825.js"></script>
Save lcpriest/db74e742c632372479bee8a65af85825 to your computer and use it in GitHub Desktop.

EmberJS dynamic query params

Raw

I was attempting to generate a list of links and found that some of them needed query params and others didn't. I could not find a recommended way to pass in a dynamic query-params object to the link-to helper. I ended up finding a solution in the Ember Discourse and decided to make it into an ember helper.

Helper:

import Ember from 'ember';

export function dynamicParams([routeName, params]/*, hash*/) {
  return [
    routeName,
    {
      isQueryParams: true,
      values: params
    }
  ];
}

export default Ember.Helper.helper(dynamicParams);

Usage:

{{link-to 'test-link' params=(dynamic-params routeName dynamicQueryParameters)}}

srt4rulez commented Jul 17, 2018

If you use the block version of link-to, you'll need to omit the route as the first param, and just use it in the dynamic-params:

{{#link-to
    params=(dynamic-params routeName dynamicQueryParameters)
}}
    Test Link
{{/link-to}}

Techn1x commented Aug 2, 2018

Lifesaver, thanks! Don't know how this isn't officially supported in ember yet...

lcpriest/dynamic-query-params.md

Select an option

No results found

Select an option

No results found

srt4rulez commented Jul 17, 2018

Uh oh!

Techn1x commented Aug 2, 2018

Uh oh!