Как я могу получить страницу для перезагрузки, когда я использую маршрутизатор с угловым UI

Question

Я новичок в угловом и пытаюсь создать небольшое приложение, я использую .Net для своего веб-api и закодировал метод HttpResponseMessage Post, который возвращает JWT , Прежде чем я начну использовать JWT, я просто хочу попасть в конец, получить JWT и вернуться к другому представлению. Я использую пользовательский интерфейс маршрутизатора, чтобы сделать это

Мой код выглядит примерно так:

контроллер (функция() {

function LogInController($scope, $http, $state) { 

    $scope.signOn = function() { 

     $http.post('http://localhost:route to my backend').then(function (response) { 
      if (response.data.token) { 
       $state.go("main"); 

      } else { 
       alert('you do not have a token'); 
      } 

     }); 
    }; 
}; 

app.controller("LogInController", LogInController); 

}());

Html: Вход

app.js

"use strict"; 
//defines the main module 
var app = angular.module("app", ["ui.router"]); 

app.config(function ($stateProvider) { 
    $stateProvider 
     .state("main", { 
      url: "/main", 
      templateUrl: "MedOrders.html", 
      controller: "MedOrdersCtrl", 
     }); 
});  

это в настоящее время работает, она попадает мой задний конец и показывает мне свою фишку. Я пытался изменить его к следующему и получил массу ошибок инжектора

app.js с использованием маршрутизатора UI

var app = angular.module("app", ["$state"]); 

app.config(function($state) { 
    $stateProvider 
     .state("main", { 
      url: "/main", 
      templateUrl: "where/my/view/lives.html", 
      controller: "newViewsController" 
     }); 
}); 

Я пытаюсь начать с простого, поэтому я не имею службы входа в систему и это может быть моей проблемой, но я не совсем уверен, когда я пытаюсь запустить этот маршрутизатор пользовательского интерфейса, терпит неудачу. Я все еще остаюсь на странице входа в систему, но с добавлением #/main. Должен ли я делать что-то, чтобы заставить это перенаправить ангулярный путь? И есть ли способ получить сообщения об ошибках с маршрутизатора UI?

Answer 1

Вы используете модуль ngRoute как зависимость, в то время как вы используете ui.router в остальной части кода.

Изменение зависимостей для ui.router будет решать ошибки, по крайней мере

var app = angular.module("app", ["ui.router"]);