Javascript angularjs：多个抽象状态，重定向问题

我试图将两个抽象状态视图合并为一个状态。下面是我的代码。问题是当我转到

../#时/app/user/27/settings

它将我重定向到

../#/app/user/27

不停留在用户设置

角度版本1.6.4

App.js：

module.config(function ($stateProvider, $urlRouterProvider) 
{

    $urlRouterProvider.otherwise('/app/home');
    $stateProvider

        .state("app", {
            abstract: true,
            url: "/app",
            component: "appRouting"
        })


        .state("app.user", {
            url: "/user/:userId",
            component: "userProfileRouting"
        })

        .state("user", {
            abstract: true,
            url: "/user/:userId",
            component: "userRouting"
        })

        .state("app.user.settings", {
            url: "/settings",
            //component: "userSettingsRouting"
            template: "hello"
        });
}

---

有趣的场景，以下是解决方案：

正如您可以签入的，嵌套是可能的

问题在于路由的角度如何，主要是如何使用

ui视图

渲染路由。类似于这个问题

关键点是，您的状态

应用程序。用户

必须有一个

用户界面视图

包装：

<div ui-view>
  ...component code
</div>

…组件代码

请检查我为描述解决方案而创建的

---

主要关注

contact.detail.html

内容。

有趣的场景，以下是解决方案：

正如您可以签入的，嵌套是可能的

问题在于路由的角度如何，主要是如何使用

ui视图

渲染路由。类似于这个问题

关键点是，您的状态

应用程序。用户

必须有一个

用户界面视图

包装：

<div ui-view>
  ...component code
</div>

…组件代码

请检查我为描述解决方案而创建的

主要关注

contact.detail.html

内容