Как я могу получить глубоко вложенные угловые виды пользовательского интерфейса? - PullRequest
0 голосов
/ 05 июля 2018

Почему-то мне кажется, что я неправильно понимаю, как работает uirouter. Я не могу понять, почему следующий код не работает, как ожидалось. пока "modal_view" не работает все подозрительно, но "modal_view.child" не показывает, где я его ожидаю? Что я делаю не так?

Моя структура маршрута такая:

    $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>'
                    }
                }
            });
...