Ich versuche, einzigartige Seiten basierend auf Land anzuzeigen. Ich beziehe mich auf die Nike-Website. https://www.nike.com/sg/en_gb/. Hier hat der Benutzer die Möglichkeit, eine Region/Land auszuwählen:Routing basierend auf Land
So implementieren Sie mit Routing Param anstelle des Pfades. Ich würde gerne mit den Routing-Parametern oder einer besseren Lösung implementieren, wenn überhaupt.
Ansicht
<body ng-controller="CountryController">
<form>
<select name="naver" id="naver" ng-model="route.selectedRoute" ng-change="RedirecttoCountry(route.selectedRoute)">
<option value="/" >Home</option>
<option value="/US">US</option>
<option value="/UK">UK</option>
<option value="/India">India</option>
</select>
</form>
<div ng-view=""></div>
Ich habe getrenntes htmls für jedes Land.
-Controller
var app = angular.module("myApp", ['ngRoute']);
app.config(function($routeProvider){
$routeProvider
.when('/', {
templateUrl: "US.html",
controller: 'CountryController'
})
.when('/UK', {
templateUrl: "UK.html",
controller: 'CountryController'
})
.when('/India', {
templateUrl: "India.html",
controller: 'CountryController'
})
.otherwise({ redirectTo: '/' });
});
app.controller('CountryController', function($scope, $location){
$scope.RedirecttoCountry = function(path){
$location.path(path);
}
});
Wenn ich richtig bin können Sie eine param hinzufügen, indem Sie '/: country' –