Как создать динамический URL в угловых Js

Question

Прямо сейчас, когда я ударил ниже URL,

angularproj.localhost.com

будет открыть страницу входа и выше URL будет изменен на

angularproj. localhost.com/#/login. Это admin login

Теперь, согласно моему требованию к проекту, у меня будет несколько клиентов, и все они будут иметь свои логины.

Для этого мне нужно создать отдельные URL-адреса.

Скажите, что первым клиентом является C1.So мой url будет 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

Вы можете использовать динамический templateUrl в маршрутизаторе

пример:

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