使用参数为 Angular (ui.router) 配置路由

Question

使用 AngularJs 和 UI-Router 为多租户前端应用程序设置路由。

例如，当用户键入以下 URL 时，应为 userxyz 加载仪表板，必须通过会话在用户的浏览器中维护该参数，以便用户应该能够浏览其他超链接在应用程序中。

http://servername.com/#/dashboard/userxyz

我正在努力实现这一点，我看过一些教程但无法理解。

这是我的路由配置代码。

(function () {
    'use strict';

    app.config(["$stateProvider", "$urlRouterProvider",
        function ($stateProvider, $urlRouterProvider) {
            $stateProvider
                .state("dashboard", {
                    url: "/dashboard/{tenantid}",
                    templateUrl: "app/components/dashboard/dashboardView.html",
                    controller: "DashboardController"
                })

                .state("people", {
                    url: "/people/{tenantid}",
                    templateUrl: "app/components/people/peopleView.html",
                    controller: "PeopleController"
                })

                .state("contact", {
                    url: "/contact/{tenantid}",
                    templateUrl: "app/components/contact/contactView.html",
                    controller: "ContactController"
                })

                $urlRouterProvider.otherwise("/dashboard/{tenantid}");
        }]);
})();

在我的 index.html 中，我有以下代码在 ui-view 中显示状态：

<div class="row" ui-view>

</div>

而且，我确实设法使用 ui-sref 设置了超链接，具体如下：

<a ui-sref="dashboard">Home</a>
<a ui-sref="people">People</a>
<a ui-sref="contact">Contact</a>

Answer 1

更好的用户本地会话存储以保存租户

根据之前的cmets：

如果你不需要支持ie7（希望如此），尝试使用原生浏览器localStorage，插入一个项目localStorage.setItem('key', 'value')检索localStorage.getItem('key')

在此处查看localStorage 浏览器支持Local Storage Browser Support