通过angularjs $routeProvider传递2个变量
通过angularjs $routeProvider传递2个变量可以使用路由参数的方式进行传递。在$routeProvider中定义路由时，可以在路由路径中使用冒号(:)来指定参数名，并在控制器中通过$routeParams对象来获取传递的参数值。
以下是一个示例：
- 在路由配置中定义路由路径和参数：app.config(function($routeProvider) { $routeProvider .when('/example/:param1/:param2', { templateUrl: 'example.html', controller: 'ExampleController' }); });
- 在控制器中获取参数值：app.controller('ExampleController', function($scope, $routeParams) { $scope.param1 = $routeParams.param1; $scope.param2 = $routeParams.param2; });
在上述示例中，我们定义了一个路由路径为'/example/:param1/:param2'，其中:param1和:param2是两个参数名。当访问'/example/value1/value2'时，AngularJS会自动将'value1'赋值给$routeParams.param1，将'value2'赋值给$routeParams.param2。在控制器中，我们可以通过$scope.param1和$scope.param2来获取这两个参数的值。
这种方式适用于需要在不同页面之间传递参数的场景，例如在一个列表页中点击某个项，跳转到详情页并传递相关的参数。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，适用于各种应用场景，包括前端开发、后端开发、服务器运维等。详情请参考：腾讯云云服务器
- 腾讯云云数据库MySQL：提供高性能、可扩展的关系型数据库服务，适用于存储和管理数据。详情请参考：腾讯云云数据库MySQL
相关·内容
我们有一个站点，当您点击根目录时使用index.html MVC提供一个Asp.net文件，然后使用AngularJS 1.2.4作为一个单独的页面应用程序。我需要为SPA服务，但我想立即改道去一条路线。基本上，一个用户将在一个电子邮件中点击一个链接，我需要把他们发送到那个路线。
以这种方式为Index.html服务：
[AllowAnonymous]
public ActionResult Index()
{
CachingUtility.SetNoCache(Response);
var path = "index.html&
浏览 1提问于2018-05-07得票数 0
回答已采纳
我是AngularJS的新手。我正在学习AngularJS。在这方面，我在教程中发现了下面的语法。
app.config(['$routeProvider',function($routeProvider){}]);
这里，.config()是一种方法。我正在传递一个数组作为这个.config()方法的参数。'$routeProvider'和匿名函数是该数组的两个元素。我说得对吗？
我是否可以更改数组的第一个元素，如'$routeProvid'、'$routeProvideraa'或'$outeProvider'?
浏览 2提问于2015-12-13得票数 2
我一直在阅读AngularJS代码，并试图理解传递给.config方法的参数。从下面的示例中，它似乎正在传递给.config。令我困惑的部分是，根据docs.angularjs.org上的angular.Module文档，方法config将configFn作为一个参数，该参数是一个函数。那么为什么我在下面的示例中看到'$routeProvider'，function( .. ) {..}作为参数传递？有人能帮我澄清一下吗？
var sampleApp = angular.module('phonecatApp', []);
sampleApp .config(
浏览 4提问于2014-11-16得票数 0
Y试图创建一个简单的web，使用asp.net项目mvc 5，我有这个js
var app = angular.module("app", ["ngRoute"])
.config(function ($routeProvider, $locationProvider) {
$routeProvider.when('/', {
templateUrl: '/AngularJS/Templates/inicio.html',
controller: 'b
浏览 5提问于2015-08-19得票数 15
回答已采纳
我试图在我的templateUrl中像这样使用templateUrl：
app.config(['$routeProvider',
function ($routeProvider) {
$routeProvider.
when('/blog', {
templateUrl: 'themes/{{ mainCtrl.site_theme }}/view/home.html',
controller: 'BlogMain',
})
浏览 3提问于2014-03-24得票数 3
回答已采纳
7回答
我目前有一个内置路由的AngularJS应用程序。它起作用了，一切正常。
我的app.js文件如下所示：
angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']).
config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/', { templateUrl: '/pages/hom
浏览 9提问于2012-12-03得票数 88
回答已采纳
2回答
创建通用控制器函数
、、、
如何创建某种可以从所有控制器访问的utils包？
我在我的主模块中有这个路由代码：
'use strict';
angular.module('lpConnect', []).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/home', {template: 'views/home.html', controller: HomeCtrl}).
when('
浏览 4提问于2012-07-04得票数 40
回答已采纳
2回答
如何从URL中获取动态值
、、、、
我正在学习的AngularJS，从那里，我想加载内容从MySQL参考的网址值。
我使用的 AngularJS RouteProvider是：
$routeProvider.when('/page/pages=:pages', {
templateUrl: 'page.html',
reloadOnSearch: false
});
我的动态URL是：
"<a class='list-group-item' href='#/page/pages=" + slug + "'>&#
浏览 3提问于2015-07-22得票数 3
回答已采纳
我有以下剃刀文件：
@{
ViewBag.Title = "Blah";
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.InitModule = "myFooModule";
}
@section Scripts{
<script src="~/Scripts/angular-route.js"></script>
<script src="~/Scripts/angular-route.min.j
浏览 1提问于2014-07-01得票数 6
在用户登录后，我希望他看到一个写着“Hello”+他的名字的页面。对于将他重定向到页面，我使用以下方法：
angular.
module('myApp').
config(['$locationProvider', '$routeProvider',
function($locationProvider, $routeProvider) {
$locationProvider.hashPrefix('!');
$routeProvider.
when('/loginPage',{
浏览 0提问于2017-03-24得票数 0
回答已采纳
我用angularjs制作了一个简单的cms，但是我对指令有问题。
我不能更新指令的内容。我没有收到任何错误，但内容没有更新。
这是我的代码：
app.js
var postApp = angular.module('adminApp', [
'ngRoute', 'angular-ladda'
]);
postApp.config(['$routeProvider', '$locationProvider',
function($routeProvider, $locationProvider) {
浏览 2提问于2016-03-02得票数 0
回答已采纳
好吧，我已经实现了angularJS，并且我调用了由$routeProvider处理的不同视图。问题是，例如：
$routeProvider.
when('/prodDetails/:prodID', {
templateUrl: 'templates/productDetails.html',
controller: 'ProductController'
}).
现在，如果我点击：
<a ng-href="#prodDetails/{{ prod.id }}">View Product<
浏览 0提问于2016-02-09得票数 0
我使用的是AngularJS路由，我使用了许多技巧，但是'#‘号总是出现在URL中。
请参考下面的示例/代码，我使用了它，但它没有从URL中删除#符号。
angular.module('mod', []).
config(['$routeProvider', '**$locationProvider'**,
function($routeProvider, **$locationProvider**) {
$routeProvider.
when('/first', {
浏览 0提问于2015-11-10得票数 2
回答已采纳
1回答
我这里有个柱塞-
我在这里使用演示json -
我使用ng视图和ngRoute显示两页。
第一个是从json文件中提取的故事/帖子列表。这将显示json文件中的部分内容--我限制了文本的数量。
我希望能够点击这些，并打开一个新的视图，显示该故事的全部内容/点击后。
我添加了一个story.html，当点击第一个视图时会打开这个故事/帖子。
我的问题是将范围与story.html视图联系起来。我需要知道要加载的josn的正确部分，以匹配单击的故事/帖子。
var app = angular.module('myApp', ['ngRoute']);
app.
浏览 2提问于2015-05-12得票数 0
回答已采纳
我正在尝试将AngularJS集成到Rails应用程序中。我有一个带有图书控制器和图书模型的Rails应用程序。在Rails索引视图中，我有这个，AngularJS应该接管这里：
.page_text{"ng-app" => "books"}
.row
.twelve.columns
%div{"ng-view" => ""}
AngularJS控制器如下所示：
function BooksOverviewCtrl($scope, $http) {
$http.get('/books
浏览 1提问于2012-12-18得票数 18
回答已采纳
我看到很多像这样的角码。以下是他们的教程中的一个。
angular.module('phonecat', ['phonecatFilters', 'phonecatServices']).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneL
浏览 3提问于2013-09-18得票数 1
回答已采纳
2回答
我是angular js的新手。我有输入文本框搜索customerId的搜索页面，但我想添加一个功能，我可以搜索基于网址字符串以及。
例如，我的url是：
http://localhost:8080/#/search
但我需要像这样的东西
http://localhost:8080/#/search?ACC34ff
，以便我可以在url中基于customerId进行搜索
有人能告诉我如何添加查询字符串吗？
app.config(['$routeProvider',
function($routeProvider) {
$routeProvider
.when(
浏览 0提问于2017-02-11得票数 0
我对angularjs相对来说是个新手，在这里我似乎忽略了一些显而易见的东西。我试着阅读文档和教程，但是找不到任何解决问题的方法。
我在"localhost:8080/app/rest/schools/{schoolId}/selectedindicators".有一个休息服务我可以在angularjs应用程序页面(selectedindicator.html)中显示结果，如下所示：
<tbody>
<tr ng-repeat="selectedindicator in selectedindicators">
<td>
浏览 5提问于2014-08-19得票数 0
我在处理路线：
App.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/home', {
templateUrl: 'orders/list',
controller: OrderController
});
$routeProvider.when('/editOrder', {
templateUrl: 'addOrder/editOrde
浏览 4提问于2014-09-27得票数 0
回答已采纳
我是AngularJS的新手，在路由方面遇到了一些问题。我有我的主app.js：
'use strict';
var app = angular.module('app', ['budget']);
angular
.module('app')
.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
$locationProvider.ht
浏览 4提问于2014-02-26得票数 1
3回答
我尝试使用下面的代码来设置cookie：
angular.module('myApp').controller('myController', ['$scope', '$http','$cookies', function ($scope, $http, $cookies) {
$scope.setMyCookie = function () {
$cookies.put('Mykey', 'MyValue');
};
$scope.
浏览 6提问于2015-03-18得票数 6
回答已采纳
3回答
我的网址: eDemo/admin/test/list/#/list
我要: eDemo/admin/test/list
联署材料：
var serviceBase ="http://admin-pc/eDemo/admin/test/";
function config($routeProvider, $locationProvider) {
$routeProvider
.when('/add', {
controller: 'addController',
templ
浏览 3提问于2016-03-09得票数 3
请看这个
我想将解析器注入到AngularJS控制器中，但不工作。错误消息是Unknown provider: urlParasProvider <- urlParas <- MyController
任何建议，谢谢！
function config($routeProvider){
$routeProvider
.when('/abc',{
controller: 'MyController',
resolve: {
urlParas : function(){
浏览 1提问于2018-01-05得票数 0
回答已采纳
所以这就是我想要完成的：
'use strict';
var app = angular.module('myModule', ['ngRoute']);
app.config(function($routeProvider) {
$routeProvider
.when('/', {
redirectTo: '/pages'
})
.when('/pages/:pageName', {
templateUrl: 'views/page
浏览 0提问于2013-12-17得票数 21
回答已采纳
这是我的天使路线
app.config(function($routeProvider, $locationProvider) {
$routeProvider.
when('/home', {
templateUrl: 'partials/home.html'
}).
otherwise({
redirectTo: '/'
});
if (window.history && window.history.pushState) {
$locationProv
浏览 6提问于2015-08-08得票数 0
回答已采纳
我有一个包含两条路由的模块：
admin.config(["$routeProvider", function ($routeProvider) {
$routeProvider.when('/admin/companies', {
templateUrl: "modules/" + 'admin/partials/adminCompanies.html',
controller: AdminCompaniesController,
浏览 3提问于2014-04-01得票数 0
我已经为locationProvider设置了路由并启用了html5模式：
app.config(function($routeProvider, $locationProvider) {
// removing this locationProvider will make route work
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
$routeProvider
.when('/', {
浏览 0提问于2016-10-18得票数 0
除了在href属性中硬编码URL之外，有没有一种方法可以通过$routeProvider获取附加到控制器的URL？如果修改$routeProvider中的路由，则必须修改模板中的所有硬编码URL，效率不是很高。
例如，Django框架提供了"“实用程序函数和"”模板标记，在给定“控制器”(视图函数)和URL参数的情况下，它将返回相关的URL。
浏览 2提问于2013-12-08得票数 4
我们的应用程序有两级导航。我们希望使用AngularJS $routeProvider为<ng-view />动态提供模板。我正在考虑做一些类似的事情：
angular.module('myApp', []).
config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/:primaryNav/:secondaryNav', {
templateUrl: 'resources/angular/templates/n
浏览 1提问于2012-07-18得票数 96
回答已采纳
1回答
我有以下代码示例：
angular.module('test', ['ngRoute', 'ngAnimate'])
.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'test.template.html',
controller: 'ctrlA',
controllerAs: 'ctrlA&#
浏览 3提问于2015-08-26得票数 0
回答已采纳
var mainApp=angular.module('myMainApp',['ngRoute']);
mainApp.config(['$routeProvider',function($routeProvider){
$routeProvider.when('/showData',{
templateUrl:'C:/Users/Lala/Desktop/angularjs_lala/PassDatatoAnotherSecondPage.html',
controller:'
浏览 0提问于2017-05-08得票数 0
我试图创建一个简单的网站使用角作为前端。
有没有一种方法可以在没有way服务器的情况下创建部分视图和路由？
我一直在尝试这样做，但我一直收到这样的错误：Uncaught Error: [$injector:modulerr]
这是我的代码：index.html
<!DOCTYPE html>
<html lang="en" ng-app="cerrajero">
<head>
<meta charset="UTF-8">
<title>Cerrajero</titl
浏览 8提问于2015-11-13得票数 1
回答已采纳
我正在尝试整合一个移动友好的现场网站。AngularJS中有没有一种方法可以接收url，例如../15K6#colors并将其路由到应为../colors/15K6的移动路由
我正在研究$routeProvider，但对Angular来说还是个新手。任何帮助都将不胜感激！
下面是我的$routeProvider配置块的一个片段
.config(
[ '$routeProvider', function($routeProvider) {
$routeProvider.when('/models', {
te
浏览 1提问于2015-03-25得票数 0
1回答
我一直没有找到一个简单的答案，这让我相信这是非常非常简单的事情。不管怎样，我要走了。
我的$routeProvider中的所有调用都工作得很好，但都区分大小写。下面是一个代码示例：
config(function ($routeProvider) {
$routeProvider.
when('/', { controller: 'TmpCtrl', templateUrl: '/app/home.html' }).
when('/foo', { controller: 'TmpCt
浏览 0提问于2013-07-24得票数 26
回答已采纳
我似乎不能正确地把它连接起来。我将列出适当的部分。我的问题是访问注入的资源。当我尝试引用所有依赖的部分时，它们都是未定义的。
var app = angular.module('app', ['ngResource','ui.bootstrap', 'ngGrid','app.services', 'app.directives', 'app.controllers'
])
.config(['$routeProvider', function ($routeProv
浏览 0提问于2013-07-04得票数 0
回答已采纳
我试图将$http串行化注入应用程序配置，但得到“未知提供者$http错误”。
woi.config(['$routeProvider', '$locationProvider','$http', function($routeProvider, $locationProvider,$http){
$routeProvider
.when("/channels", {
templateUrl: test,
resolve: {
app: function
浏览 2提问于2013-11-11得票数 1
回答已采纳
我正在使用Angular材质库，但无法使$mdDialog正常工作。我不确定我是否正确地加载/注入了服务。
代码如下：
var mainApp = angular.module("mainApp", ['ngRoute', 'ngMaterial'])
.config(['$routeProvider', function($routeProvider) {...omitted} ])
.service('selectedStudentService', function() {...omitted} ])
浏览 2提问于2016-06-11得票数 0
我对AngularJS还很陌生。当我调用$http.get时，我得到一个$http is not defined错误。
以下是my Module的内容：
var demoApp = angular.module('demoApp', []);
demoApp.config(function ($routeProvider) {
$routeProvider.
when('/view1',
{
controller: 'SimpleController',
t
浏览 0提问于2013-06-02得票数 3
回答已采纳
我在JSP页面上有一个有角度的应用程序，它有：
ng-init="role='<%=String.valueOf(session.getAttribute("role"))%>'"
因此，当JSP从会话中提取角色属性时，body标记将如下所示：
<body ng-app="appName" ng-init="role='roleName'">
我想在role中访问这个$routeProvider变量。
为此，我尝试将$scope传递给app.config函数，如下所示：
ap
浏览 4提问于2015-04-14得票数 2
回答已采纳
嗨，我已经创建了一个应用程序角，我会用一个调用http来登录用户。我使用角度视图，为了在视图之间传递参数，我使用一个工厂。
我的代码:我创建了角模块
angular.module('contactMgr',['ngRoute'])
.controller('AppCtrl',['$scope',function ($scope){}])
.config(['$routeProvider','$locationProvider',
function($routePr
浏览 3提问于2017-01-25得票数 1
回答已采纳
我之所以尝试使用WebStorm，是因为在使用AngularJS项目时，它声称具有卓越的代码完成功能。我使用的是10.0.2版本，在使用AngularJS seed项目时遇到了代码完成问题。
我尝试在$routeProvider中使用controllerAs语法来指定控制器视图模型的名称，如下所示。
'use strict';
angular.module('myApp.view1', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$r
浏览 3提问于2015-05-01得票数 8
我仍然是AngularJS的新手，正在安装我的第一个应用程序。我希望能够做到以下几点：
angular.module('App.controllers', [])
.controller('home', function () {
$scope.property = true;
}]);
angular.module('App', ['App.controllers'])
.config(['$routeProvider', function($routeProvider) {
$ro
浏览 1提问于2012-06-27得票数 44
回答已采纳
我创建了一个工厂来检索json文件。在调用之后，我确实看到该对象在我的控制台中输出，但数据没有显示在我的视图中。我没有在我的控制器中正确调用工厂吗？
下面是我的应用程序：
var tools = angular.module("tools", [])
tools.config(function ($routeProvider) {
$routeProvider.when('/home', {
templateUrl: 'home.html',
controller: 'HomeControlle
浏览 2提问于2013-05-17得票数 1
1回答
我正在为应用程序的认证部分构建一个提供者。在使用依赖项注入器时，我很难将值传递给函数。
angular.module('security.authorization', ['security.service'])
.provider('securityAuthorization', {
requireRole: ['securityAuthorization', 'rolesAllowed', function(securityAuthorization, rolesAllowed) {
r
浏览 2提问于2014-10-06得票数 0
回答已采纳
我已经看过这些例子了，由于某些原因，这对我来说不起作用，这是一件非常简单的事情
我需要访问的url是
/event-details/3
或者其他一些数字，无论我对routeParam项目做什么，我都不能让它工作。
这是我对它的配置。
现在我还没有对它做任何事情，只是试图让页面出现，现在它是空白的或根本不转发
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/event-details/:item_ID', {
controller:
浏览 1提问于2015-09-05得票数 2
我尝试仅在promises解析后才加载路由
var app = angular.module("thethaoso", ["ngRoute"]);
app.config(['$routeProvider', '$locationProvider', function ($routeProvider) {
$routeProvider
.when('/', {
resolve: {
message: function
浏览 2提问于2015-01-30得票数 0
我希望在我的应用程序的URL上有这样的内容：
http://localhost:9000/#/?id=XYZ
我没有在angularjs应用程序模块上找到如何配置它，我的实现是这样的：
angular.module('APP', ['ngRoute'])
.config(function ($routeProvider) {
$routeProvider.when("/?id="+":id", {
templateUrl: "views/sign/sign.html",
controller:
浏览 5提问于2015-12-01得票数 0
回答已采纳
我正在使用Laravel和AngularJS开发一个应用程序。对于AngularJS漂亮的URL，我设置了$locationProvider.html5Mode(真)，它运行得很好。但是，假设我的url是，如果我刷新页面，我将得到compiled.php第7693行中的NotFoundHttpException：
这是我的角度路线。
function($routeProvider,$locationProvider) {
$locationProvider.html5Mode(true);
$routeProvider.
when('/', {
浏览 3提问于2015-04-07得票数 1
回答已采纳
当路由到AngularJS中的模板时，如何从服务调用方法？
wikiApp.config(['$routeProvider', 'faqService', 'newsService',
function($routeProvider, faqService, newsService) {
$routeProvider
.when('/hjem',{
templateUrl: 'partials/homeContent.html',
resolve: {
news
浏览 1提问于2014-04-10得票数 1
回答已采纳
我正在编写nodejs和angularjs应用程序，我想创建一个简单的授权，只有登录的用户才能看到一些页面。
我读到了jwt (json web token)，我的用户现在得到了"token"，但我现在该怎么办？所有的布线都在角度布线中。如何在那里验证路由？
我的nodeJS代码：
server.use(express.static(__dirname + '/public/app'));
server.use(bodyParser.json());
我的angularJS：
var app = angular.module('app').con
浏览 1提问于2016-01-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
