UI 路由器状态。没有通过更改 url 来设置正确。 - 角度用户界面路由器答案

【问题标题】：UI Router states. not setting right by changing the url. - angular ui routerUI 路由器状态。没有通过更改 url 来设置正确。 - 角度用户界面路由器
【发布时间】：2017-08-05 10:58:05
【问题描述】：

我已经通过了许多解决方案和教程，但没有找到正确的答案。所以我希望我不要重复，在这里给我们一个不错的小挑战

使用

angular

ui router

问题

我有一些州，这些州有自己独特的网址。我点击链接（ui-sref）状态和url正确更改。但是，当我设置 url（例如“localhost:8080/user”）并在我的键盘上单击“Enter”时。即使 url 设置正确，当前状态也会更改为某种“空状态”

代码

配置：

'use strict';

angular.module('divohon-app').config(function ($stateProvider,  $urlRouterProvider, $locationProvider) {


    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });

    $stateProvider
        .state("user-home", {
            url: "user",
            templateUrl: "/resources/html/template/user-home.html",
            controller: "UserHome",
            controllerAs: "uhCtrl"
        })
        .state("admin-home", {
            url: "admin",
            templateUrl: "/resources/html/template/admin-home.html",
            controller: "AdminHome",
            controllerAs: "ahCtrl"
        })
        .state("login", {
            url: "login",
            templateUrl: "/resources/html/template/login.html",
            controller: "LoginController",
            controllerAs: "lCtrl"
        });
});

感谢您的帮助。或参考。

【问题讨论】：

尝试localhost:8080/#/user添加#

标签： javascript angularjs angular-ui-router

【解决方案1】：

您只需将每个状态的 url 属性分别更新为 /user 、 /admin 、 /login 。它应该可以解决问题。

$stateProvider
.state("user-home", {
    url: "/user",
    templateUrl: "/resources/html/template/user-home.html",
    controller: "UserHome",
    controllerAs: "uhCtrl"
})
.state("admin-home", {
    url: "/admin",
    templateUrl: "/resources/html/template/admin-home.html",
    controller: "AdminHome",
    controllerAs: "ahCtrl"
})
.state("login", {
    url: "/login",
    templateUrl: "/resources/html/template/login.html",
    controller: "LoginController",
    controllerAs: "lCtrl"
});

在上面更改 localhost:8080/user 后应该正确显示视图。

【讨论】：