Javascript 角度UI路由器嵌套视图不工作

模板

HELLO

不会加载到analysis.client.view.html中的嵌套ui视图中，但会加载analysis.client.view.html文件ui视图。不知道我做错了什么。我还尝试命名嵌套的ui视图，但似乎没有帮助。谢谢你的帮助。谢谢

oct.client.routes.js文件

“严格使用”；
//设置路线
angular.module（'oct'）.config（['$stateProvider'，
函数（$stateProvider）{
//项目状态路由
$stateProvider。
状态（‘八次分析’{
url:“/oct_analysis”，
templateUrl:'modules/oct/views/sidebar.client.view.html'
});
$stateProvider。
状态（'octView'{
url:“/oct\u视图”，
templateUrl:'modules/oct/views/analysis.client.view.html'
})
.state（'octView.sidebar'{
模板：“你好”
});
}
]);

analysis.client.view.html文件

左导航！
别针
接近

我还没有测试过这个问题，但几周前我自己就解决了这个问题，这就是我想到的。你可能需要稍微调整一下。首先，从以下内容更改

.html

：

<div ui-view></div>

丹尼尔·科比：我试过url:“”但这没用

问题是，您实际上并没有使用子状态。当URL匹配时，状态被激活，因此侧边栏只有在浏览器的URL为

“/oct\u view/”

（注意空格）时才会被激活。您实际上使用的是一个状态，具有多个视图。您希望将用户引导到由状态表示的页面，并且希望侧边栏作为该状态的一部分加载。侧边栏可以有自己的控制器。有关更多信息，请参阅

---

我希望这是有意义的。

我通过查看这篇文章的精选答案解决了这个问题

我更改了路由代码，如下所示：

    $stateProvider.
    state('octView', {
            url: '/oct_view',
            abstract: true,
            views: {
                '': {
                    templateUrl: 'modules/oct/views/analysis.client.view.html'
                }
            }
        })
        .state('octView.sidebar', {
            url: '',
            template: 'HELLO'
        });

---

你能提供一个简单的例子吗？不幸的是，不，这是一个巨大项目的一部分。整个项目不是必需的，只是一些重现我们可以看到和测试的问题的东西。

'octView.sidebar'

状态未定义URL。它无法被激活。@艾米，我尝试了

url:“

但这没有任何作用。当我这样做时，页面不会加载任何内容。没有错误消息。

<div ui-view></div>

<div ui-view="sidebar"></div>

$stateProvider.state('octView', {
    url: '/oct_view',
    views: {
        "": {
            templateUrl: 'modules/oct/views/analysis.client.view.html',
        }
        "sidebar": {
            template: "HELLO"
        }
    }
});

    $stateProvider.
    state('octView', {
            url: '/oct_view',
            abstract: true,
            views: {
                '': {
                    templateUrl: 'modules/oct/views/analysis.client.view.html'
                }
            }
        })
        .state('octView.sidebar', {
            url: '',
            template: 'HELLO'
        });