如何将参数传递到Angularjs的路由器ui而不显示在URL中?

默认情况下,UI路由器中的路由参数是可选的。 arg1 是一个 参数。所以两者都是 /my_state/:arg1 和 /my_state/ 可以,但不行 /my_state arg1

.state('my_state', {
    url: '/my_state/:arg1',
    templateUrl: 'http://www.example.com/html/my_file.html',
    controller: 'MyCtrl'
})

您可以添加

.state('my_state', {
    url: '/my_state/:arg1',
    templateUrl: 'http://www.example.com/html/my_file.html',
    controller: 'MyCtrl',
    params: {
        arg2: { value: null }
    }
})

你必须在 params .

请注意 squash 财产(内部) 参数 当前参数值与默认值相同时 . 如果未设置挤压,则使用配置的默认挤压策略。

Working Plunker

更新

Working Plunker 它使用 $state.go('my_state', {'arg1': 'hello', 'arg2': 'world'}); 内部控制器。

两者之间没有功能上的区别 ui-sref 和 $state.go 对于 Activating a state

.state('someState', {
            url: '/my_state?arg1',
            templateUrl: 'http://www.example.com/html/my_file.html', // I assume this is correct for the way you set it up.
            controller: 'MyCtrl',
            params: { // This is the part you'll add
                arg2: {
                    value: null, // you can set a default value
                    squash: true
                }
            }
})

这应该对你有用!我已经用了很多次了!非常有用。

试试这个:

.state('my_state', {
    url: '/my_state',
    templateUrl: 'http://www.example.com/html/my_file.html',
    controller: 'MyCtrl',
    params: null
})

Using Parameters without Specifying Them in State URLs

即使参数没有出现在url中,您仍然可以指定要接收的参数。您需要在状态中添加一个新字段params,并按照在链接中使用参数中指定的方式创建链接

例如,你有一个州。

.state('contacts', {
        url: "/contacts",
        params: {
            param1: null
        },
        templateUrl: 'contacts.html'
    })

您创建的链接是

<a ui-sref="contacts({param1: value1})">View Contacts</a>

$state.go() 我也是。

$state.go('contacts', {param1: value1})