Question

我根据在设置UI路由时发布的文章设置了一个小例子。

我修改了示例以使用$state.go()显式测试从子嵌套状态导航到兄弟状态。我的错误是什么？

我一直收到以下错误： Error resolving State. Could not resolve .paragraph from state home.list

＆＃13;

        $stateProvider
            
            // HOME STATES AND NESTED VIEWS ========================================
            .state('home', {
                url: '/home',
                templateUrl: 'partial-home.html'
            })
            
            // nested list with custom controller
            .state('home.list', {
                url: '/list',
                templateUrl: 'partial-home-list.html',
                controller: function($scope,$state) {
                    $scope.dogs = ['Bernese', 'Husky', 'Goldendoodle'];
                     $scope.navigateToNextState = function () {
                            $state.go('.paragraph');
                        };
                }
            })
            
            // nested list with just some random string data
            .state('home.paragraph', {
                url: '/paragraph',
                template: 'I could sure use a drink right now.'
            })

＆＃13;

http://plnkr.co/edit/Nae6xz9qcBp3IRYi0wcD?p=preview

Answer 1

控制器应该像这样调整：

controller: function($scope, $state) {
     $scope.dogs = ['Bernese', 'Husky', 'Goldendoodle'];
     $scope.navigateToNextState = function () {
         $state.go('^.paragraph');
     };
}

我们需要$state作为函数参数之一。我们还是个孩子，所以我们必须使用'^.paragraph' （而不是'.paragraph'）来请求我们父母的另一个孩子

选中Debugger: detailed contents of the encoder pattern

State.go for AngularJs UI Routing

1 个答案: