链接中的角度ui-sref参数

Question

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);
});

Answer 1

您可以通过将router.js中的 url 更改为：

url: "/invitations/details/:invitationToken"

Answer 2

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

In your stateProvider's state, I changed the controller line and added controllerAs , also added the params line.

Then for your link, do as you had:

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