AngularJS (ionic) - $routeParams argument from URL - angularjs

Question

I'm new with AngularJS and I'm wondering about the reading-limits of the a $routeParams-Service... reading the URL-arguments.. whether f.i. "/" - a slash would disrupt the workflow...? .. or is there a usable workaround?
Codeexample: (partly from Ionic Starter App)
App.js
.config(function ($stateProvider, $urlRouterProvider, USER_ROLES) {
$stateProvider
.state('main.product/:productId', {
url: 'main/product/:productId',
views: {
'menuContent': {
templateUrl: 'templates/product.html',
controller: 'productIdCtrl'
}
}
})
.controller('productIdCtrl'),
function($scope, $location, $routeParams, ProductDataService){
var pId = $routeParams.productId; // Reading productId from URL
}
Inside the database its sadly possible to use "/" - slash as an "productId"-Name. Probably some other special characters... which I have yet to explore.. so I dont think this will work..?
So my question is, where are the limits .. which characters would need a major workaround.
(In Order to read Data from the database I should probably use get/post with json.php ... but I'm not there yet (but I surely like advice :D)
It is supposed to simply read data from the database.. with a small searchengine which is already realized on another system and I just need to 'get' and display the data...)

Answer 1

Here correctly
...
.state('main.product.id', {
url: 'main/product/:productId',
views: {
'menuContent': {
templateUrl: 'templates/product.html',
controller: 'productIdCtrl'
}
}
})
...
.controller("AppController", function($scope, $state){
$scope.openProduct = function(){
$state.go('main.product.id', {productId: 1});
};
});