Question

现在，当我点击URL以下时，

angularproj.localhost.com

它将打开登录页面，上面的url将更改为

angularproj.localhost.com /＃/ login。这是管理员登录

现在根据我的项目要求，我将拥有多个客户，所有客户都将登录。

所以我需要为他们创建单独的网址。

说第一个客户是C1.So我的网址是angularproj.localhost.com/c1。

当我在浏览器中点击angularproj.localhost.com/c1时，它应该打开c1客户登录页面。

我在下面尝试但没有运气。

$ stateProvider

    .state('/:customer', {
        url: "/",
        templateUrl: "app/views/login/Customer/login.html",
        data: { pageTitle: 'Example view' }
    })

Answer 1

尝试这种方式。它应该工作。

var app = angular.module('tutorialWebApp', [
' ngRoute'
]);

/**
* Configure the Routes
*/

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
            // Home
            .when("/", {templateUrl: "partials/home.html", controller: "PageCtrl"})
            // Pages
            .when("/about", {templateUrl: "partials/about.html", controller: "PageCtrl"})
            // else 404
            .otherwise("/404", {templateUrl: "partials/404.html", controller: "PageCtrl"});
}]);

Answer 2

您可以在路由器中使用Dynamic templateUrl

示例：

.state('login', {
  url: '/{customerID}',
  views: {
    'menu': {
        templateUrl:
                 function (stateParams){
                    return '/partials/login' + stateParams.customerID+ '.html';
            }
    }
  }
})

如何在Angular Js中创建动态URL

2 个答案: