Wie dynamische URL in Angular Js

Question

Gerade jetzt schaffen, wenn ich unten URL getroffen,

angularproj.localhost.com

es Login-Seite und oben URL geöffnet wird

angularproj geändert werden. localhost.com/#/login. Dies ist die Admin Login

Jetzt nach meiner Projektanforderung, ich werde mehrere Kunden haben und alle diese haben ihre Logins.

Also ich brauche separate URLs für sie erstellen.

Sagen erste Kunde ist C1.So meine URL wird angularproj.localhost.com/c1 sein.

Und wenn ich im Browser angularproj.localhost.com/c1 treffe, sollte es c1 Kunden Login-Seite öffnen.

Ich habe unten versucht, aber kein Glück.

$ stateProvider

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

Answer 1

auf diese Weise zu versuchen. Es sollte funktionieren.

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

können Sie verwenden Dynamische templateUrl in Ihrem Router

Beispiel:

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