私の角型アプリケーションでHTML5プッシュ状態を実装しようとしていますが、役に立たないです。テンプレート読み込みに奇妙な問題があります
私は正確なパス(例としてhttp://localhost/components/profile/profile.html
)を入力してブラウザからすべての静的ファイルにアクセスできますが、状態を確定するためにtemplateUrl
オプションを使用してテンプレートをロードしようとすると、ロードされません。 。?コンソールのエラーでもないが、私のルートが言及する価値が正しく
を設定されている:profile
状態に切り替えたとき、私は、サーバーにprofile.js
要求を参照してくださいませんが、テンプレートのための要求
エクスプレスの路線:
アプリケーションの設定:
function lazyLoad(pathjs) {
return ['$ocLazyLoad', function ($ocLazyLoad) {
return $ocLazyLoad.load(pathjs);
}];
}
$stateProvider
.state('home', {
url: '/',
template: 'Welcome home'
})
.state('profile', {
url: '/profile',
templateUrl: 'components/profile/profile.html',
controller: 'profileCtrl',
controllerAs: 'vm',
resolve: {
module: lazyLoad('components/profile/profile.js'),
user: ['SessionService', function (SessionService) {
return SessionService.currentUser();
}]
}
});
$locationProvider
.html5Mode(true)
.hashPrefix('!');
プロジェクトツリー:あなたはfalseにhtml5modeを設定した場合
問題は、html5modeをfalseに設定しても残ります。 –
@itdntntwork、これは答えの代わりに質問へのコメントだったはずです。 –
私は知っているが、私はコメントするより評判が必要:( – itdoesntwork