Javascript AngularJS路由-$routeProvider动态获取参数_Javascript_Angularjs_Ngroute

Javascript AngularJS路由-$routeProvider动态获取参数

javascript angularjs

Javascript AngularJS路由-$routeProvider动态获取参数,javascript,angularjs,ngroute,Javascript,Angularjs,Ngroute,我对AngularJS路线是新手。我正在试图找到一个解决我的问题的方法，那就是如何在最短的时间内最小化这些代码 $routeProvider .when("/", { templateUrl : "main.htm" }) 这样输入就不会是静态的。要仅给出一条语句而不是全部4条语句，函数应自动识别输入： $routeProvider .when("/", { templateUrl : "main.htm" }) .when("/red", { template

我对AngularJS路线是新手。我正在试图找到一个解决我的问题的方法，那就是如何在最短的时间内最小化这些代码

 $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>



var-app=angular.module（“myApp”[“ngRoute”]）；
app.config（函数（$routeProvider）{
$routeProvider
.当（“/”时{
templateUrl:“main.htm”
})
.when（“/red”{
templateUrl:“red.htm”
})
.when（“/绿色”{
templateUrl:“green.htm”
})
.when（“/blue”{
templateUrl:“blue.htm”
});
});

单击链接导航到“red.htm”、“green.htm”、“blue.htm”或返回到“main.htm”

我感谢每一个解决方案或建议

这篇stackoverflow文章会提供关于您所寻求的解决方案的任何信息吗？非常感谢。但不幸的是，我不理解这个解决方案：（你知道如何在这里应用这个解决方案吗，你可以帮我节省时间：）对于这个案例，我不知道，对不起。对我来说，我看不到使用动态函数来处理每个模板URL的额外好处，因为通常使用angularjs时，您还可以对希望加载的每个模板应用一个控制器，这将处理您的网站功能。因此，您已经在扩展要传递的内容以生成每个导航。虽然我这样说可能是错误的，但是如果你签出$routeParams教程，他们中没有多少人尝试对所有站点导航应用一个$routeParams方法，事实上就像你所做的那样，它被拆分为单独的函数。角度路由的脚本不会加载。删除

角度-

和

路线之间的空间。您的代码将开始工作。