ご協力ありがとうございます。角度(ui-router)ルーティングは完全に機能していませんか?ベースURLを経由してURLに直接アクセスできない
私のルーティングが完全に機能していない理由を把握するのに苦労しています。私は説明するつもりです。
私は角度アプリの設定段階で定義した経路につながるドロップダウンオプションを備えたナビゲーションバーを持っています。
HTML
<head>
...
<base href="/">
...
</head>
...
(inside navbar)
<ul class="dropdown-menu">
<li><a ui-sref="Check">Check</a></li>
</ul>
...
JS(設定)
app.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$stateProvider
// HOME STATES AND NESTED VIEWS ========================================
.state('home', {
url: '/home',
controller: 'HomeCtrl',
templateUrl: 'app/components/home/home.html'
});
// SERVICE VIEWS =================================
$stateProvider
.state('Check', {
url: '/Check',
templateUrl: 'app/components/Check/Check.html',
controller: 'CheckCtrl'
});
$urlRouterProvider.otherwise('/');
}])。
私は家を経由してアクセスするとすばらしいことになります(index.html - > navbarをクリックしてCheckにアクセス)。テンプレートが正しく読み込まれます。 しかし、私がそのビューに直接アクセスしようとしているとき、何もロードされません。空白の画面。
まとめると: アクション: アクセスはlocalhost:8080 - >をすべてがOK アクセスはlocalhostを実行します:8080 /に直接確認してください - >シングル事がロードされていません。
私はここにいなくなっています。
ご協力いただきありがとうございます。
http:// localhost:8080 /#/ checkは動作しますか? – Umamaheswaran
はい、動作します! #私はそれを使用したくないので#を削除しようとしたが、それがなければ、それはルートや何かを見つけることができないようだ?私はこれをどのように修正できるか知っていますか?ありがとう! – Nikos4Life