javascript - Ui-router父状态，子状态 Controller

Question

我正在尝试创建一个默认情况下应进入子状态的父状态。我需要能够有一个parentController 和ChildControllers。我尝试了以下操作，但如您所见，我的 childController 没有被调用。

var app = angular.module('test', ['ui.router']);

app.config(config);

app.controller('ParentCtrl', ['$scope', function ($scope) {
    console.log('parentCtrl');
}]);

app.controller('Child1Ctrl', ['$scope', function ($scope) {
    console.log('Child1Ctrl');
}]);

app.controller('Child2Ctrl', ['$scope', function ($scope) {
    console.log('Child2Ctrl');
}]);

状态:

function config($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/parent');

    $stateProvider.state('parent', {
        abstract: true,
        views: {
            'main': {
                controller: 'ParentCtrl',
                controllerAs: 'parentCtrl',
                templateUrl: 'page.html'
            }
        },
        url: '/parent/'
    });
    $stateProvider.state('parent.child1', {
        views: {
            'main': {
                controller: 'Child1Ctrl',
                controllerAs: 'child1Ctrl',
                templateUrl: 'page.html'
            }
        },
        url: 'child1?param1',
    });
    $stateProvider.state('parent.child2', {
        views: {
            'main': {
                controller: 'Child2Ctrl',
                controllerAs: 'child2Ctrl',
                templateUrl: 'page.html'
            }
        },
        url: 'child2?param2', //is this /parent/child2... ?
    });
}

您还可以在这里找到代码:https://jsfiddle.net/vjgh8ntL/2/

有人可以引导我走向正确的方向吗？

Answer 1

在这种情况下我会使用不同的否则:

$urlRouterProvider.otherwise('/parent/child1?child1=null');

检查这个working example

有类似的问答(甚至有不同的解决方案，例如.when()设置):

• Redirect a state to default substate with UI-Router in AngularJS
• Angular UI-Router $urlRouterProvider .when not working when I click <a ui-sref="...">
• ui-router default child state not working