Angular $routeParams force variable type

Question

In my Angular app, I have routes like /items/:id

$routeProvider
    .when('/items/:id', {
      templateUrl: 'views/items.html',
      controller: 'ItemCtrl'
    })

In ItemCtrl I get :id with $routeParams.parcId The problem is it's a string while the value is a number and all my id are numbers.

So how to force the correct type and not having string by default?

ps: I don't want to do var id = Number($routeParams.parcId) in all my controllers

I can only suggest to use $routeProvider wrapper like ui-router, it supports having [typed params](https://github.com/angular-ui/ui-router/wiki/URL-Routing) — BotanMan, Jun 19 '15 at 12:26

score 1 · Answer 1 · answered Jun 08 '18 at 06:26

I did it using the $routeChangeStart event.

In your app.js file, add the following line to the .run function as :-

angular.module('test1App').run(function ($rootScope) {

  $rootScope.$on("$routeChangeStart", function (event, next, current) {

    if (next.params.hasOwnProperty('id')) {
      next.params.id = Number(next.params.id);
    }

  });

});

Description: On every change of route, it checks if there is a parameter named 'id'. If yes then it changes it to a number.

Hope it helped.

Have not tried this, but for me this looks correct answer. – Shnigi Jun 08 '18 at 06:40 — Shnigi, Jun 08 '18 at 06:40

score 0 · Answer 2 · answered Jun 23 '15 at 18:11

0

You need to use resolve in routes and update the variable. Then use this resolved variable in controller

<a href="http://plnkr.co/edit/2nXeY325ouqyFtJTLcdq?p=preview"> Example </a>

answered Jun 23 '15 at 18:11

Sandeep

1,154
10
16

score -3 · Answer 3 · answered May 11 '17 at 20:18

-3

did you try like this?

parseInt($routeParams.parcId)

answered May 11 '17 at 20:18

Sharp

121
1
2
16

Angular $routeParams force variable type

3 Answers3