Angularjs 我如何获得深度嵌套的角度ui管线视图？

不知何故，我认为我误解了uirouter的工作原理。我不明白为什么下面的代码不能按预期工作。在“情态视图”之前，一切都是按性别预期进行的，但“情态视图.儿童”并没有显示出我所期望的位置？我做错了什么

我的路线结构如下：

    $stateProvider
            .state('app', {
                url: '',
                template: '<div><h1>This is my main State Template</h1><div ui-view="benefy_modal"></div><p>Some other content related to main view...</p></div>',
                controller: 'MainController',
                abstract: true,
            })
            .state('app.modal_view', {
                url: '/modal_view',
                views: {
                    'modal_view': {
                        template: '',
                        controller: ['$mdDialog', function ($mdDialog) {
                            $mdDialog.show({
                                scope: $scope.$new(),
                                template: '<md-dialog aria-label="modal"><md-dialog-content><ui-view>********expect "view1" to go here!*********</ui-view></md-dialog-content></md-dialog>'
                            });
                        }]
                    }
                },
                abstract: true
            })
            .state('app.modal_view.child', {
                url: '/child',
                views: {
                    'view1': {
                        templateUrl: '<p>view1</p>'
                    }
                }
            });

$stateProvider
.state（'应用程序'{
url:“”，
模板：“这是我的主状态模板与主视图相关的一些其他内容…
”，
控制器：“主控制器”，
摘要：没错，
})
.state（'应用程序模式视图'{
url:“/modal_view”，
观点：{
“模态视图”：{
模板：“”，
控制器：['$mdDialog'，函数（$mdDialog）{
$mdDialog.show({
范围：$scope.$new（），
模板：'*******希望“视图1”显示在这里！*********'
});
}]
}
},
摘要：没错
})
.state（'app.modal_view.child'{
url:“/child”，
观点：{
“视图1”：{
templateUrl:“view1
”
}
}
});

我建议您访问此网站，您将获得所需的一切。抱歉，我无法理解。@AdeshKumar您的链接没有解决用户正确显示深度嵌套视图的直接问题（向下一层以上）