2016-04-07 10 views
0

AngularUI Routerに問題があります。私が抱えている問題は、ホーム以外の状態で、URLを入力したり、さっぱりしたりして、どの州にもアクセスできないということです。返されたエラーはCannot GET /state-nameですが、ui-sref="state-name"は問題なく動作します。AngularUI Router - URL経由で国にアクセスできない

ノードサーバーまたはExpressルーティングを使用していない場合は、Gulp-Connectを使用して角型のWebサーバーを実行してください。

テクノロジー:

  • AngularJS 1.5.3
  • 角度UI 0.2.18
  • ガルプ3.9.1

Routes.js

angular.module('myApp').config(function(
    $httpProvider, 
    $stateProvider, 
    $locationProvider, 
    $urlRouterProvider 
){ 
    $locationProvider.html5Mode({enabled: true, requireBase: false}); 

    $stateProvider 
    .state('home',{ 
     url:'/', 
     templateUrl: 'path/to/home.tmpl.html' 
    }) 
    .state('state-name',{ 
    url:'/state-name', 
    templateUrl: 'path/to/state-name.tmpl.html' 
    }); 
    $urlRouterProvider.otherwise('/'); 
}); 

状態をリフレッシュしたり、URL経由でナビゲートできるようにするために欠けているものはありますか?

+0

状態名はあなたの状態の名前で、これはと 'url'オプションで指定されたURLに異なっていますあなたのコードで。あなたは 'ui-sref'に状態名を与え、それは対応するURLへのリンクを生成します – Mike

+0

厄介なコードの謝罪。だから私は正しいようにコードを更新しました。今問題は私はui-sref経由でリンクにアクセスできますが、まだURL経由ではアクセスできません。 –

答えて

0

これにアクセスするには、state-nameという状態が必要です。あなたの州の提供者から、私はこの名前の州を見ることができませんstate-name。現在利用できる状態はhomeroute_1です。 「状態-name」をアクセスするには

、あなたがこのような状態を追加する必要があります。 .state('state-name',{ url:'/state-name', templateUrl: 'path/to/state-name.tmpl.html' })

+0

汚れたコードのお詫び。だから私は正しいようにコードを更新しました。今問題は私はui-sref経由でリンクにアクセスできますが、まだURL経由ではアクセスできません。 –

関連する問題