1
私の人生にとってindex.htmlのui-viewには何もロードできません。私は別のプロジェクトでAngularJS/Ui-Routerを使用しています&それは働いています。これは現時点で私のプロジェクトの文字通りすべてです。AngularJS UI-Routerがデフォルト状態にならない
を<span>に置いたときに機能しました。
私はコンソールに何のエラーも出ませんが、App Loaded [ null ] console.logが表示されます。
私は少なくとも10種類のui-routerチュートリアルを見てきました&私は本当にこれを簡略化しています。私はこれを見て最後の12時間を過ごしました、そして、私はおそらく本当に小さいものを見逃していますが、この時点で、私はそれを見ていません。 :(
は、ここに私のJSFiddleです：https://jsfiddle.net/L5csekpq/2/
のindex.html：
<body ng-app="wmApp">
<h1>WM TEST</h1>
<div><a href="#/resume">Resume</a></div>
[<span ui-view></span>]
<script type="application/javascript" src="/lib/lib.js"></script>
<script type="application/javascript" src="/wm.js"></script>
</body>
lib.js角度-UI- /バウアーロードangular.js（1.5.5）の縮小さイサキの連結/ありますroute.js（0.2.18）
これはwm.jsとして先にリンクされ、すべての私のJSファイルのイサキの連結です：。
angular.module('wmApp', [
'ui.router',
'wmApp.wmConstants',
'wmApp.ResumeController'
])
.run(['$rootScope', '$location', '$state', function (
$rootScope,
$location,
$state
) {
console.log ('App Loaded [', $location.state(), ']');
$rootScope.$on("$stateChangeError", console.log.bind(console));
}])
;
angular.module('wmApp.wmStates', [])
.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: '/home',
template: '<h3>STATE SUCCESSFUL</h3>'
})
.state('resume', {
url: '/resume',
template: '<h3>{{ data }}</h3>',
controller: 'ResumeCtrl'
})
;
$urlRouterProvider.otherwise('/home');
}])
.run(['$state', function($state) {
console.log('Current State: ', $state.current);
}])
;
angular.module('wmApp.wmConstants', [])
.constant('wmConstants', {
sample: {
api: {
url: 'http://api.sample.com',
key: 'xxxxxx'
}
}
});
angular.module('wmApp.ResumeController', [])
.controller('ResumeCtrl', ['$scope', 'wmConstants', function($scope, wmConstants) {
console.log('ResumeCtrl', wmConstants.sample.api.url);
$scope.data = 'omg data';
}]);
OMGOMGOMG @のスニル-D：
がこのであるべき。 ARGH！私は馬鹿のように感じる、何か小さい。ありがとうございました！ – cmeza