Angular ui-router：1 url触发父状态和子状态

Question

当我转到网址/blog/post/edit时，2 xhr请求触发，如下图所示。

这是我定义路线的方式：

$stateProvider
    .state('blog', {
        url: '/blog',
        templateUrl: '/blog'
    })
    .state('blog.post', {
        url: '/post',
        template: '<ui-view></ui-view>',
        abstract: true
    })
    .state('blog.post.edit', {
        url: '/edit',
        templateUrl: '/blog/post/edit'
    });

任何人都可以帮我弄清楚为什么会这样吗？

Answer 1

正如在评论中快速讨论的那样，ui-router的性质是以这种方式工作。显示具有父状态的嵌套状态

如何考虑它的最佳方式就像 已崩溃 TreeView：

• 如果我们想要查看一个leaf （或任何非根节点），我们必须查看/加载其父级，祖父级...以及根目录。
• 但是一旦我们想要看到一个兄弟姐妹，我们就不必重新加载所有的父对根结构......已经在发挥作用

这就是ui-router 基本设计的方式。