AngularJS UI路由器可选参数 [英] AngularJS ui-router optional parameters

问题描述

我试图建立我的路由这样

I tried to set up my routing like this

...
url: '/view/:inboxId?'
...

但角将抛出这个错误：

but Angular would throw this error:

Error: Invalid parameter name '' in pattern '/view/:inboxId?'

所以基本上我不得不设置两个不同的状态：

so basically I had to set up two different states:

state('view', {
            url: '/view/:inboxId',
            templateUrl: 'templates/view.html',
            controller: 'viewCtrl'
        }).

        state('view_root', {
            url: '/view',
            templateUrl: 'templates/view.html',
            controller: 'viewCtrl'
        })

有没有办法对这些国家的合并成一个？

Is there any way to combine these states into one?

推荐答案

要具有可选的参数 - 它声明为你做 - 但不要把它传递。下面是一个例子的。这一切都可以用一个国家的（无根）工作的或两个的（根和细节）的，只要你喜欢。

To have an optional param - declare it as you did - but do not pass it. Here is an example. That all could work with one state (no root) or two (root and detail) as you like.

在问题中提到的定义，已准备好处理这些状态的呼叫：

The definition mentioned in the question, is ready to handle these state calls:

// href
<a href="#/view/1">/view/1</a> - id is passed<br />
<a href="#/view/"> /view/ </a> - is is missing - OPTIONAL like <br />
<a href="#/view">  /view  </a> - url matching the view_root

// ui-sref
<a ui-sref="view({inboxId:2})">    - id is passed<br /> 
<a ui-sref="view">                 - is is missing - OPTIONAL like
<a ui-sref="view({inboxId:null})"> - id is explicit NULL <br />
<a ui-sref="view_root()">          - url matching the view_root

我们不必使用 ？ 标记参数为可选。只是这两个URL必须是唯一的（例如： /浏览/：ID VS /视图 - 其中第二个没有尾随 / ）

We do not have to use ? to mark parameter as optional. Just both url must be unique (e.g. /view/:id vs /view - where the second does not have trailing /)

这篇关于AngularJS UI路由器可选参数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！