AngularJS Routing - $ routeProvider, получающий параметры динамически - PullRequest
Новая
       6

AngularJS Routing - $ routeProvider, получающий параметры динамически

0 голосов
/ 12 мая 2018

Я новичок в AngularJS Routing.Я пытаюсь найти решение моей проблемы, как можно минимизировать этот код на 

 $routeProvider
 .when("/", {
    templateUrl : "main.htm"
 })

, чтобы ввод не был статичным.Чтобы дать только один оператор вместо целых 4 операторов, функция должна автоматически распознавать ввод: 

 $routeProvider
.when("/", {
    templateUrl : "main.htm"
})
.when("/red", {
    templateUrl : "red.htm"
})
.when("/green", {
    templateUrl : "green.htm"
})
.when("/blue", {
    templateUrl : "blue.htm"
});

Вот весь код: 

<!DOCTYPE html>
<html>
<script 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> 
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular- 
route.js"></script>

<body ng-app="myApp">

<p><a href="#/!">Main</a></p>

<a href="#!red">Red</a>
<a href="#!green">Green</a>
<a href="#!blue">Blue</a>

<div ng-view></div>

<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
    templateUrl : "main.htm"
})
.when("/red", {
    templateUrl : "red.htm"
})
.when("/green", {
    templateUrl : "green.htm"
})
.when("/blue", {
    templateUrl : "blue.htm"
});
});
</script>

Нажмите на ссылки для навигациина "red.htm", "green.htm", "blue.htm" или обратно на "main.htm"

Я благодарен за каждое решение или предложение!

...