URL query variables

[shaun]

Hi All,

I'm trying to pass a variable via URL into a dashboard to pre-select something...

Example URL would be:
http://mango/user-dashboards/testing/Power/device?MagicalVariable=6

I want to use MagicalVariable to populate an <md-select> default.

I see from here: https://docs.angularjs.org/api/ng/service/$location
there is a $location.search() function in AngularJS, but I'm not really sure how to use it. So far I've been unsuccessful with what i've tried.

Cheers!
-Shaun

[Jared Wiltshire]

Hey @shaun can you let me know

• Your Dashboards module version
• Which template you are using (or if you are using a custom page)

If you are using the adminTemplate, you can add ?MagicalVariable to the end of your page's URL in app.js
e.g.

    {
        name: 'dashboard.demoPage1',
        url: '/demo-page-1?MagicalVariable',
        linkToPage: true,
        pageXid: 'demo-page-1',
        menuText: 'Demo Page 1',
        menuIcon: 'favorite'
    },

Then in your page's markup you can use the state-params directive to retrieve it

<state-params state-params="stateParams"></state-params>
<div>Variable is {{stateParams.MagicalVariable}}</div>

We use Angular UI Router 0.3.x in our application if you want to read more about the state parameters and URLs.

[shaun]

Hi Jared,

Dasboard Module version is 3.2.4
I'm using the adminTemplate.

I virtually cut and paste from your code above, but it didn't work. I also get nothing if in the html i just put in {{stateParams}}. I'd expect to see something from that... is there something else I need to do?

{
  name: 'dashboard.power.Rack',
  templateUrl: 'views/Power/Rack.html',
  url: '/rack?rackSelect',
  linkToPage: true,
  menuText: 'Rack'
},

<state-params state-params="stateParams"></state-params>
<div>Variable is {{stateParams.rackSelect}}</div>

URL in the browser:

http://host/user-dashboards/dev/Power/rack?rackSelect=4

Cheers!
-Shaun

[Jared Wiltshire]

@shaun The state-params directive is only included in the mdAdmin project, you will need to copy it into your copied adminTemplate folder and add it to app,js (as per the login directive in that file, let me know if you need help).

[shaun]

Thanks @Jared-Wiltshire I'll give it a go!

Cheers!
-Shaun