Угловой UL-маршрутизатор AngularJS не попадает в состояние по умолчанию

В течение жизни я не могу загрузить что-либо для загрузки в свой ui-view index.html. Я использую AngularJS/Ui-Router в другом проекте &, он работает. Это буквально все в моем проекте на данный момент.Угловой UL-маршрутизатор AngularJS не попадает в состояние по умолчанию

Он работал, когда я положил ng-controller='ResumeCtrl' на <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 является хрюкать CONCAT/уменьшенная из Bower загружен angular.js (1.5.5)/угловой ui- route.js (0.2.18)

Это хрюканье CONCAT всех моих файлов JS, связанные выше как wm.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'; 
}]);

источник

2016-05-06 cmeza

Ваша проблема в том, что вы забыли объявить модуль wmApp.wmStates обязательным для вашего основного модуля приложения.

Это:

angular.module('wmApp', [ 
    'ui.router', 
    'wmApp.wmConstants', 
    'wmApp.ResumeController' 
])

Должно быть так:

angular.module('wmApp', [ 
    'ui.router', 
    'wmApp.wmStates', 
    'wmApp.wmConstants', 
    'wmApp.ResumeController' 
])

источник

2016-05-06 16:28:53

OMGOMGOMG @ Сунил-d. ARGH! Я чувствую себя идиотом, что-то маленькое. Спасибо! – cmeza

Угловой UL-маршрутизатор AngularJS не попадает в состояние по умолчанию

ответ

Смежные вопросы