angular route params not working

Question

i need to passe id using $routeParam. my code is like below

js file

var app = angular.module("myApp"); app.controller("quotationPendingController", function ($scope,$http,NgTableParams,$filter,$timeout,$rootScope,ModalService,$window){ $scope.loadQuotationDetailsOnQuotationForUpdate = function (quotation) { $window.location.href = ('quotation_approve.jsp#/?target='+quotation.quotationId+'&action=u'); } });

jsp file like below > Blockquote <a class="grid-btn row-edit" target="_blank" data-toggle="tooltip" data-placement="top" title="" data-original-title="Edit" ng-click="loadQuotationDetailsOnQuotationForUpdate(quotation)"><span class="glyphicon glyphicon-pencil"></span></a>

i need to change loadQuotationDetailsOnQuotationForUpdate(quotation) function from $routeParam.

how i change below function

$scope.loadQuotationDetailsOnQuotationForUpdate = function (quotation) { $window.location.href = ('quotation_approve.jsp#/?target='+quotation.quotationId+'&action=u'); }

What does your routing look like? Why are you calling $window vs using $location? I think having a demo would help here. — Brian
– Brian, Commented Aug 3, 2017 at 16:22
when i click the link page is loading. but there no styles and script files. — kumara
– kumara, Commented Aug 3, 2017 at 16:24
however i need to change loadQuotationDetailsOnQuotationForUpdate() function from using $routeParam — kumara
– kumara, Commented Aug 3, 2017 at 16:27

jeremy-denis · Accepted Answer · 2017-08-03 16:35:39Z

In Angular we can advise you to use a true router component to manage your navigation. For sample with ui-router (https://ui-router.github.io/ng1/) something like :

1) you can define a specific state for your jsp

$stateProvider .state('quotation_approve', { url: '/quotation_approve.jsp/:target/:action', templateUrl: 'quotation_approve.jsp', controller : "your template controller" })

2) then you will be abble to change the function to navigagte to your page

Don't forget then inject $state service to your controller

$scope.loadQuotationDetailsOnQuotationForUpdate = function (quotation) { $state.go('quotation_approve',{ "target": quotation.quotationId,"action":"u"}); }

hi jeremy... i followed your code. now issue is quotation_approve.jsp not loading.
do you have an error like 404? could you check the path to get your file ?

Collectives™ on Stack Overflow

angular route params not working

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related