Angular ui-router:将静态与动态路由混合

时间:2014-12-12 20:55:55

标签: angularjs routes angular-ui-router state

我对其他动态路线有一个例外:

    .state('item', {
        abstract: true
    })

// This is the 'hardcoded' static route
    .state('item.static', {
        url: '/static'
    })

    .state('item.content', {
        url: '/:para'

    })

正如您所看到的,第一个子状态具有修复URL路由。然后,如果网址不是这个修正字,我希望路由与子状态2一起发生。

当我第一次点击子状态1时它起作用。但是当我刷新浏览器时,视图不再被映射并且ui-view保持为空。如果我重新使用其中一条动态路线。

我故意省略了视图和控制器设置,使其看起来更简单。

1 个答案:

答案 0 :(得分:0)

您是否尝试过正则表达式来排除para路线的“静态”路线?从理论上讲,你应该能够使用“静态”路由,ui-router将在那时获取动态路由。

Ui-Router Documentation

来自文档:

// will only match a contactId of one to eight number characters
url: "/contacts/{contactId:[0-9]{1,8}}"