AngularJSの子ルートは常に$ stateProviderを使用してリダイレクトします

Question

私はこのルーティング設定を持っています。子ルートにアクセスするたびに常にotherwiseにリダイレクトされます。私はabstract:trueから/reportsを設定している/login

$stateProvider 
    .state('login', { 
     url: '/login', 
     templateUrl: 'views/login.html', 
     controller: 'LoginController as loginCtrl', 
    }) 
    .state('reports', { 
     abstract: true, 
     url: "/reports", 
     templateUrl: 'views/container.html', 
    }) 
    .state('reports.create', { 
     url: '/reports-create', 
     templateUrl: 'views/reports.html', 
     controller: 'ReportsController as reportsCtrl', 
    }); 

$urlRouterProvider.otherwise('/login'); 

この場合はどちらです。これは、ユーザーに/reportsへのアクセスを許可しないため、代わりに/reports-createにリダイレクトする必要があるためです。

ユーザーアクセス/reportsまたは/reports-createにアクセスするたびに、常に/loginにリダイレクトされます。

reports.create〜createにアクセスすると、/reports-createにアクセスできますが、私は/reportsにアクセスすることはできません。今

Answer 1

ユーザー・アクセスのいずれか/レポートまたは/レポートは作成するたびに、彼らは常に、それは抽象的だからあなたは、/reportsにアクセスすることができません/ログイン

にリダイレクトしています。また、あなたはレポートにアクセスする必要があります：URLに作成：/reports/reports-create、抽象的な親の状態は、子URLにURLを "prepends" beacuse。 こちらのドキュメントを参照してください：Abstract states

また確認して、親状態はui-viewはどこかでテンプレートだた、それが要求され、それは（私は上記のリンク先のドキュメントを確認してください）子状態テンプレートがにレンダリングされる場所であること。

もう1つ：私の子供URLの名前を/reports-createから/createに変更すると、最終的なURLははるかに良いでしょう：/reports/create