AngularJS 状态提供程序不起作用答案

【问题标题】：AngularJS state provider is not workingAngularJS 状态提供程序不起作用
【发布时间】：2017-06-26 12:42:01
【问题描述】：

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 我得到了！在 URL 中，它不会导航到其他视图。

Can anyone please help me out to solve this problem.

Thanks in advance.

【问题讨论】：

Exclamation mark after hash (#!) in angularjs app 和 URL hash-bang (#!/) prefix 可能重复
现在我没有得到！添加后 $locationProvider.hashPrefix('');添加这个。现在网址是这样的localhost:44212/templates/homePage.html#/login。它仍然没有导航到指定的视图。
试试这个 $locationProvider.hashPrefix('!');
那个！在 url 问题已解决。状态在 Url 中得到更改，但未加载指定的模板。

标签： angularjs

【解决方案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');
});

【讨论】：