AngularJS stateProvider не работает

Я только начинаю в angularjs. Я не вижу никаких ошибок и результатов в этом ниже тестировании проекта. index.htmlAngularJS stateProvider не работает

<html ng-app="UserAuth"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <title>User Auth</title> 
     <script src="http://code.angularjs.org/1.2.13/angular.js"></script> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js"></script> 
     <script src="js/app.js"></script> 
     <script src="controller/loginController.js"></script> 
    </head> 
    <body> 
     <div ui-view></div> 
    </body> 
</html>

JS/app.js

var app = angular.module('UserAuth', ['ui.router']); 
app.config(function ($stateProvider) { 
    $stateProvider 
      .state('login', { 
       url: "/", 
       controller: "LoginController", 
       templateUrl: "login.html" 
      }) 
});

контроллер/loginController.js

app.controller('UserAuth', function ($scope, $http) { 

});

Моя проблема login.html страница не отображается.

источник

2016-01-04 Ishwor Chalise

вы должны дать правильный путь 'login.html', где она принадлежит. –

найти ошибку в консоли. вам может потребоваться ввести зависимость для состояния в контроллере –

Проверьте свои инструменты разработчика в браузере, вероятно, login.html возвращает ошибку 404, '$ stateProvider' не нужно вводить в контроллер – maurycy

Похоже, вы должны установить правила для пустого маршрута тоже с $urlRouterProvider.when('', '/');:

app.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.when('', '/'); 
    $stateProvider 
     .state('login', { 
      url: "/", 
      controller: "LoginController", 
      templateUrl: "login.html" 
     }) 
})

источник

2016-01-04 14:25:09 dfsq

Кажется, вы не имеете контроллер с именем LoginController. У вас есть контроллер под названием UserAuth.
Вы должны изменить

app.controller('UserAuth', function ($scope, $http) { 

})

app.controller('LoginController', function ($scope, $http) { 

});

источник

2016-01-04 14:26:49

У меня была такая же проблема была решена замена

<div ui-view></div>

по

<ui-view> 
<i>Loading ....</i> 
</ui-view>

Примечание: проверьте также URL и контроллер

С уважением

источник

2016-10-23 17:15:03 anayarojo

AngularJS stateProvider не работает

ответ

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