Skip to main content

in my router in Angular i have a url, but i dont know how add params to this link.

router.js

.state("support.root.gateways.invitationDetails", {
        url: "/invitations/details?invitationToken",
        templateUrl: "gateways/views/IvnitationDetails.html",
        controller: "InvitationDetailsController as ctrl",
        data: {
            title: "TITLE_GATEWAYS",
            requireLogin: true,
            roles: [
                ROLES.ROOT,
                ROLES.ADMIN,
                ROLES.SUPPORT3,
                ROLES.SUPPORT2,
                ROLES.SUPPORT1,
                ROLES.ENDUSER,
                ROLES.MAINTAINER
            ]
        }
    })

View.html

 <td>
                    <a href="" ui-sref="support.root.gateways.invitationDetails({   invitationToken:  ctrl.invitationToken})">
                        {{ "INVITATIONS_DETAILS" | translate}}
                    </a>
                </td>

and InvitationDetailsController.js

angular.module("support.gateways")
    .controller("InvitationDetailsController", function(Gateways, $stateParams) {
var vm = this;
 var vm = this;
    vm.invitationToken = $stateParams.invitationToken;
 
    alert($stateParams.invitationToken);
});

});

in my router in Angular i have a url, but i dont know how add params to this link.

router.js

.state("support.root.gateways.invitationDetails", {
        url: "/invitations/details?invitationToken",
        templateUrl: "gateways/views/IvnitationDetails.html",
        controller: "InvitationDetailsController as ctrl",
        data: {
            title: "TITLE_GATEWAYS",
            requireLogin: true,
            roles: [
                ROLES.ROOT,
                ROLES.ADMIN,
                ROLES.SUPPORT3,
                ROLES.SUPPORT2,
                ROLES.SUPPORT1,
                ROLES.ENDUSER,
                ROLES.MAINTAINER
            ]
        }
    })

View.html

 <td>
                    <a href="" ui-sref="support.root.gateways.invitationDetails({ invitationToken:  ctrl.invitationToken})">
                        {{ "INVITATIONS_DETAILS" | translate}}
                    </a>
                </td>

and InvitationDetailsController.js

angular.module("support.gateways")
.controller("InvitationDetailsController", function(Gateways, $stateParams) {
var vm = this;
    
    vm.invitationToken = $stateParams.invitationToken;
 
alert($stateParams.invitationToken);

});

in my router in Angular i have a url, but i dont know how add params to this link.

router.js

.state("support.root.gateways.invitationDetails", {
        url: "/invitations/details?invitationToken",
        templateUrl: "gateways/views/IvnitationDetails.html",
        controller: "InvitationDetailsController as ctrl",
        data: {
            title: "TITLE_GATEWAYS",
            requireLogin: true,
            roles: [
                ROLES.ROOT,
                ROLES.ADMIN,
                ROLES.SUPPORT3,
                ROLES.SUPPORT2,
                ROLES.SUPPORT1,
                ROLES.ENDUSER,
                ROLES.MAINTAINER
            ]
        }
    })

View.html

<td>
    <a href="" ui-sref="support.root.gateways.invitationDetails({   invitationToken:  ctrl.invitationToken})">
        {{ "INVITATIONS_DETAILS" | translate}}
    </a>
</td>

and InvitationDetailsController.js

angular.module("support.gateways")
    .controller("InvitationDetailsController", function(Gateways, $stateParams) {
    var vm = this;
    vm.invitationToken = $stateParams.invitationToken;
    alert($stateParams.invitationToken);
});
Source Link
user4676558
user4676558

Angular ui-sref params in link

in my router in Angular i have a url, but i dont know how add params to this link.

router.js

.state("support.root.gateways.invitationDetails", {
        url: "/invitations/details?invitationToken",
        templateUrl: "gateways/views/IvnitationDetails.html",
        controller: "InvitationDetailsController as ctrl",
        data: {
            title: "TITLE_GATEWAYS",
            requireLogin: true,
            roles: [
                ROLES.ROOT,
                ROLES.ADMIN,
                ROLES.SUPPORT3,
                ROLES.SUPPORT2,
                ROLES.SUPPORT1,
                ROLES.ENDUSER,
                ROLES.MAINTAINER
            ]
        }
    })

View.html

 <td>
                    <a href="" ui-sref="support.root.gateways.invitationDetails({ invitationToken:  ctrl.invitationToken})">
                        {{ "INVITATIONS_DETAILS" | translate}}
                    </a>
                </td>

and InvitationDetailsController.js

angular.module("support.gateways")
.controller("InvitationDetailsController", function(Gateways, $stateParams) {
var vm = this;
    
    vm.invitationToken = $stateParams.invitationToken;

alert($stateParams.invitationToken);

});