AngularJS州のプロバイダが動作していません

Question

var app = angular.module("myApp", ['ui.router']). 
config(['$stateProvider', function ($stateProvider) {  
    $stateProvider.state('login', {        
           url: '/login', 
           templateUrl: '/templates/LoginPage.html', 
           controller: 'loginController'      
         }); 
    }]); 
app.controller("homePageController", function ($scope, $state) { 
var self = this; 
$scope.isLoginError = false; 
$scope.loginSuccess = false; 
$scope.validateCredentials = function() { 
if ($scope.userName != '' && $scope.passWord != '') {     
    $scope.loginSuccess = true; 
    $scope.isLoginError = false; 
    // $location.url('/login'); 
    $state.go('login'); 
      } 
      else {     
       $scope.isLoginError = true; 
      } 
     } 
}); 

//これは私のangularJSコードであり、状態が変更されたときですhttp://localhost:44212/templates/homePage.html#!/login私は取得しています！他のビューには移動しません。

Can anyone please help me out to solve this problem. 

Thanks in advance. 

Answer 1

エラーが表示されますか？あなたがここで提供したものに基づいて、それはうまくいくはずです。私はあなたのコードを比較するために働くplnkを作成しました。

http://plnkr.co/edit/5AuB8qAtuttP4p6m3ZIY?p=preview

私は追加だけ本物ました：

$stateProvider.state('home', { 
    url: '/', 
    templateUrl: 'HomePage.html', 
    controller: 'homePageController' 
}); 

$urlRouterProvider.otherwise('/'); 

と

app.controller("loginController", function($scope, $state) { 
    console.log('loginController loaded'); 
});