Angular路由器链接使用分号而不是问号，url的行为不符合预期
Angular路由器链接使用分号而不是问号，这是因为Angular使用分号作为查询参数的分隔符，而不是常见的问号。这种设计决策是为了避免与URL中可能包含的查询参数冲突。
URL的行为不符合预期可能是由于以下几个原因：
- 错误的路由配置：请确保在路由配置中正确定义了路由路径和组件。检查路由模块中的路由定义，确保路径和组件的映射关系正确。
- 错误的导航方法：Angular提供了多种导航方法，如
routerLink指令、navigate方法等。请确保使用了正确的导航方法，并传递了正确的参数。 - 查询参数处理错误：如果你的URL中包含查询参数，确保在导航时正确处理了这些参数。可以使用
queryParams属性传递查询参数，或使用queryParamsHandling属性指定参数的处理方式。 - 路由器配置错误：检查路由器的配置，确保使用了正确的路由器模式（Hash模式或Path模式）以及基准URL的设置。
总结起来，要解决URL行为不符合预期的问题，需要仔细检查路由配置、导航方法、查询参数处理和路由器配置。如果问题仍然存在，可以进一步调试和排查可能的错误原因。
关于Angular路由器的更多信息，你可以参考腾讯云的产品文档：Angular 路由器。
相关·内容
4回答
在搜索了Angular 4中各种路由类型的多个线程/问题后，我无法解决与将queryParams传递到Angular 4路由相关的问题。
当将这两个参数之一传入url时
http://localhost/search;x=y
通过模板queryParams={x：'y'}
<a [routerLink]="/search" [queryParams]="{x: 'y'}">Navigate</a>
或在component类中
this._router.navigate(['/search']
浏览 3提问于2017-09-01得票数 14
我在Angular2项目中使用Angular2来验证Azure。在AAD身份验证之后，id_token被附加到redirectUri中，但是Angular2不接受url参数中的#id_token。
响应网址：
角2错误消息：
错误:不匹配(承诺)：错误:不能匹配任何路由：“错误:不能匹配任何路由：”
有没有办法从url中删除id_token或处理路由器模块中的“#id_token”参数？
提前感谢！
浏览 4提问于2017-05-03得票数 0
2回答
我有一个角度网页，其中我也有一个推特引导旋转木马。
旋转木马有箭头按钮，可以跳转到具有以下url的下一个/上一个图像：
每当我点击它，它就会把我带到
我尝试删除所有的angular引用，只构建页面的html静态版本，运行正常，所以我猜angular路由器正在处理带有#myCarousel片段的url。
我如何才能防止这种情况发生？
浏览 0提问于2015-03-17得票数 0
1回答
它不是一个带有ng应用程序的应用程序，它是angular.bootstrap应用程序，由于某些原因，我无法使它与ng路由器一起工作。
任何人都有使用angular.bootstrap?路由器的经验
我在dom元素上使用，并试图访问$router参数
DOM
<ul class="timeline" id="list" ng-controller="Controller" ng-view style="display: none">
Angularjs
var self = this;
angular.module(
浏览 1提问于2015-05-19得票数 0
此和此表明URL类无法将分号识别为表示.Net中的查询的可接受字符。
这只需要一行左右就可以解决，但我喜欢我的代码干净。如果有一种解决方案可以让我自己不必在Uri类的.Net集之外解析字符串，我会更愿意这样做。是否有任何现有的.Net代码可以处理分号，以便将分号识别为URL中查询的一部分？
浏览 0提问于2010-12-01得票数 2
回答已采纳
错误:无法匹配任何路由。URL段:具有嵌套的路由器出口时的“构建器”
Angular 8正在尝试创建嵌套的路由器出口路由
______________________________________________
Routing:
const routes: Routes = [
{
path: '', canActivate: [AuthGardGuard], component: HomeComponent , children: [
{path: 'builder', component: ViewBuilderComponent
浏览 0提问于2019-08-21得票数 0
这是我的连接页面
<?php
$servername ='localhost';
$username ='root';
$password ='';
$dbname ='credit_list';
$conn = mysqli_connect($servername,$username,$password) or die(mysqli_error());
$dbconnect = mysqli_select_db($conn,$dbname);
?>
这是我的主页
<?php
include "in
浏览 1提问于2016-01-27得票数 0
我在我的应用程序中使用了Angular4路由器。我计划使用<router-outlet>容器呈现子组件。但我观察到的是，子组件呈现在<router-outlet>旁边。
预期：
<router-outlet>
<child-component/>
</router-outlet>
实际：
<router-outlet></router-outlet>
<child-component/>
，有什么可能的原因，为什么角决定这样做？
使用的路由器配置与 中给出的配置完全相同。
浏览 2提问于2017-06-29得票数 0
1回答
我在我的应用程序中有两条路由，与ui路由器相互嵌套：
app/地点/Locations.js
'use strict';
angular.module('treasuremapApp')
.config(function ($stateProvider) {
$stateProvider
.state('locations', {
url: '/locations',
templateUrl: 'app/locations/locations.html',
浏览 2提问于2015-05-13得票数 1
回答已采纳
Angular Application -I有一个组件P，它有一个带有访问组件C(命令式触发器)的路由器路径的按钮。如果用户直接在浏览器中操作URL ( popstate触发器)，而不是通过组件P导航，我如何导航到其他组件？
如何实现同一路由不同触发机制的不同行为？
浏览 0提问于2020-04-11得票数 0
1回答
在更新到rc 1路由之后，当url有查询字符串参数时，我的应用程序就不能工作了。
下面是在app组件中定义路由的方式：
import {Component, OnInit, OnDestroy } from '@angular/core';
import {ROUTER_PROVIDERS, Routes, Router, ROUTER_DIRECTIVES} from '@angular/router';
@Component({ selector: 'my-app',
providers:[ROUTER_PROVIDERS],
浏览 3提问于2016-05-19得票数 1
回答已采纳
我对angular routing有一个问题。它是一个遗留的Angular 6应用程序。我的路由定义如下 Routes = [
{ path: '', component: DashboardComponent,pathMatch: 'full', canActivate: [AuthGuardService]},
{ path: 'seller', component: SellerComponent},
{ path: 'logout',component: LogoutComponent}
] 在app.module
浏览 7提问于2021-05-05得票数 1
2回答
准备好迎接一些奇怪的事。以下内容在Firefox中运行良好：
重定向到此URL：
http://localhost/webs/van/front-end/slr/edit_rule.php?rule_name=test&rule_type=alloc_ext©=1
但是，它在IE8中不起作用，因为它将上述内容转换为此，请注意地址末尾的版权符号：
http://localhost/webs/van/front-end/slr/edit_rule.php?rule_name=test&rule_type=alloc_ext©=1
所以，我觉得很奇怪，让encodeU
浏览 1提问于2010-11-01得票数 1
回答已采纳
我的routerLink在导航组件中的路由器出口之外工作，但是当我在路由器出口中有一个有到另一个页面的路由链接的页面时，我会得到一个错误。
browser_adapter.ts:82 TypeError: Cannot read property 'startsWith' of undefined
at UrlParser.parseRootSegment (url_tree.ts:301)
at DefaultUrlSerializer.parse (url_tree.ts:196)
at Router.navigateByUrl (router.ts:242)
at Rou
浏览 1提问于2016-08-09得票数 2
1回答
我试图使用超链接公式来创建一个自动的电子邮件创建，然而，当我试图提取包含符号的信息时，这个公式并没有结束。
📷
📷
请注意，公式应该带来全名(研究和创新)，但它停留在研究。
你能给我什么建议来解决这个问题吗？
谢谢!
浏览 0提问于2019-05-21得票数 -1
回答已采纳
我有一个带有目录结构的angular应用程序
app
..views
....partials
......main.jade
......foo.jade
....index.jade
和定义如下的路由：
‘使用严格的’；
angular.module('myApp', [
'ngCookies',
'ngResource',
'ngSanitize',
'ngRoute',
'firebase',
'myApp.config'
])
.confi
浏览 1提问于2013-12-09得票数 17
1回答
我是AngularJS的新手。我遵循egghead.io，建立了一个控制器和模型，从输入组件中检索消息并显示它。我在用ui路由器。
这是我的index.html
<!DOCTYPE html>
<html ng-app="app">
<head lang="en">
<meta charset="UTF-8">
<title> </title>
<script src="//ajax.googleapis.
浏览 0提问于2015-07-30得票数 1
回答已采纳
1回答
我发现当数据包Tracer 6.0.1.0011上没有电缆时，不同的接口在不同的设备(路由器、交换机)上有不同的行为。
路由器的系列:倒车
路由器的以太网:向下
开关:向下
这对以太网来说有什么特别的？对于串行，我被告知，如果连接电缆，但L2配置有一些不匹配，状态将下降。
注:我不知道行为是否相同，如果电缆是连接在接口上，但另一端的电缆没有连接到任何设备。
浏览 0提问于2014-07-06得票数 2
回答已采纳
我有一个angular 2 rc6应用程序，该应用程序使用angular 2路由器将组件加载到路由器插座中。一般来说，这一切都很好，但我的问题是，当用户单击他们已经路由到的页面的链接routerLink时，他们希望组件重新加载。
重新加载组件似乎不是angular 2路由器的默认行为，相反，它似乎认识到组件已经是当前组件，并且什么都不做，有人知道如何改变这一点吗？
浏览 2提问于2016-09-06得票数 7
1回答
我正在构建一个带有angular4和bootstrap 3.3.7类的应用程序。我有一个清单：
<ul class="nav nav-sidebar">
<li><a [routerLink]="['/home']" [ngClass]="{'active': isActive(['home'])}">Overview </a></li>
<li><a [routerLink]="['/bu
浏览 0提问于2017-09-17得票数 0
我们需要在url参数中使用编码的分号字符，但angular不对此字符进行编码。
我们使用的资源如下所示：
app.factory('TestResource', ['$resource', function ($resource) {
return $resource('http://somedomain.com');
}]);
app.run(['TestResource', function (TestResource) {
TestResource.query({
q: 'sin;s
浏览 5提问于2014-11-07得票数 3
我在angular.js中创建了一个服务，以便在控制器中使用socket.io，就像它是一个回调函数一样。在我的服务中，发射器和侦听器与我在控制器中使用的功能相同，如下所示。
service.js
(function () {
/* Socket IO Service */
var service = angular.module('MyService', ['']);
service.factory('sio', ['$http', function($http){
var socket;
socket =
浏览 3提问于2016-04-20得票数 1
回答已采纳
我正在尝试将可访问性添加到我的TextInput中，将其作为手机号码(而不是数字)进行本机阅读，如下所示。
<TextInput
style={{height: 40, borderColor: 'gray', borderWidth: 1}}
editable={false}
accessibilityLabel={'26726855243'}
value={'26726855243'}
/>
这个数字正被android TalkBack和iOS VoiceOver解读为数字。我试过在数字之间添加
浏览 1提问于2018-07-27得票数 8
回答已采纳
我正在建立一个角度2移动网站在一个较旧的系统上，我从一个网络服务的html服务。
在提供服务的html中，有一些链接将转到我的新应用程序中的angular页面。我目前正在使用<div [innerHTML]="serverDoc"></div>来呈现html。
有没有可能在我的服务器端html中添加一个(click)="goToPageX()"，然后让它调用我的类型脚本类中的一个函数，这样我就可以通过angular 2路由器将用户路由到正确的页面？
是否有此需要呢？即使没有经过angular 2路由器，指向右侧url的普通链接也会保持导航
浏览 4提问于2016-09-20得票数 1
我正在尝试编写一个指令，它需要一个父控制器，该控制器是在一个角用户界面路由器状态定义中配置的。
指令"beep“要求：‘^子控制器
"subController“是在角用户界面路由器中配置的视图的控制器。
该视图包含一个使用指令"beep“的元素。
但是:当我导航到子状态时，有一个异常说“找不到子控制器”。
角度用户界面路由器中的错误？对我的误解？
要复制:只需单击“运行代码段”，然后单击“子状态”按钮：
angular
.module('foo', ['ui.router'])
.controller('subCont
浏览 4提问于2016-05-19得票数 4
回答已采纳
我正在构建一个不在根目录domain.tld/blog中的domain.tld/blog应用程序。我为/blog基础上的所有东西设置了路由设置。我在页面<base href="/blog">的头中包含了基本标记。html5Mode设置为true。在应用程序中，一切都如预期的那样工作。但是，当我单击基位置外的非角URL时，页面不会被加载。这个位置似乎是由路由器中的otherwise函数捕获的：
ROUTER.otherwise({
redirectTo : '/blog'
});
因此，当我单击任何url，即domain.tld/somewhere
浏览 4提问于2013-08-05得票数 9
回答已采纳
3回答
我使用了一个角流星解决方案与我的网络应用，我选择了使用角用户界面:路由器的铁路由器。当我决定使用休斯敦管理局时，我遇到了一些问题，休斯敦管理公司在引擎盖下使用铁路由器。有办法限制铁路由器/管理/*路由吗？
当我正常地浏览我的应用程序时，我会在视图中收到来自铁路由器的消息，它说路由不存在，但是它在角ui:rouer下存在。
编辑:在铁路由器中定义路由让我找到了一个地方，但是现在我的角度用户界面视图被显示了两次。
//Iron-Router
Router.route('/(.*)', function (){});
//UI-Router
angular.module("
浏览 3提问于2015-06-24得票数 9
回答已采纳
是否有一种既定的方式使用vue-路由器(路由器-链接)链接到特定的路由，包括页面上的锚点？
我可以这样做：<router-link to="/page/#section">和路由器将按预期工作，但只有在实际/页/位置-它将滚动到最近的元素与id=“节”
但是如果我使用来自其他地方的相同的router-link (例如。)路由器将返回404，因为它将/#section部件视为嵌套路由。
浏览 1提问于2018-07-25得票数 6
回答已采纳
目标
使用http://example.com/page?向requests.get()提出请求
问题
问号(“？如果请求是URL中的最后一个字符(例如。http://example.com/page?1和http://example.com/page?!工作，http://example.com/page?不工作)
样本代码
import requests
endpoint = "http://example.com/page?"
r = requests.get(endpoint)
print(r.url) # -> "http://example.com
浏览 3提问于2021-08-13得票数 4
回答已采纳
我的平台是angular 5+ Spring boot + Cassandra
我将路径保存在DataBase中，格式为：home/users
使用angular路由器，我将urls保存在数据库中，以便在导航菜单上显示它们……所以在html中显示urls的问题是不正确的！结果是：
home%2Fusers
然后我得到了这个错误：
ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment:home2%fusers
对此有什么想法吗？
浏览 18提问于2018-08-14得票数 0
目前，我能够处理使用Angular 2 RC1进行路由的基本情况，例如只有几个链接的主组件，单击它们可以在主路由器插座中渲染内容。
同样，单击子组件中的链接会在子组件路由器出口中呈现其子组件。
我不能完成的是我需要在应用程序的主出口中呈现一个子组件的情况。
我的url结构如下：
/account/user/
/account/user/profile/
/account/user/otherfeature/
/account/admin/
/account/admin/somefeature
/account/admin/anotherfeature
我有以下代码，它在运行时会显示一个主页，
浏览 1提问于2016-05-24得票数 1
在angular中，如何在两个不同的路由上创建路由器链接active。即
<li routerLinkActive="active"><a routerLink="dashboard">Dashboard</a></li>
当"dashboard“为路由时，将具有样式active。有没有办法让相同的链接在不同的url时被激活，比如"home“？
浏览 6提问于2018-01-27得票数 5
当我给出路由器导航数据没有在路由器page.But中更新时，当我刷新浏览器时，更新的数据可以显示在路由器页面.i中，只想重新加载组件。我尝试了路由器导航，首先导航到虚拟组件，然后导航到路由器page.is，还有其他更好的方法吗？
import { Component, OnInit } from '@angular/core';
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
import { Appsettings } from '../../../app.s
浏览 0提问于2017-11-07得票数 0
这是我关于堆栈溢出的第一个问题，所以请友好！
我设计了一个基于Symfony服务器的应用程序，它的后端界面几乎是完整的。使用symfony路由器，我可以使用url (ex )登录后端。www.domain.com/admin)，并查看后端页面。
基于这个后端，我想创建一个用于处理前端的Angular2应用程序。让它为首页url (www.domain.com)工作是非常直接的。然而，如果我使用任何子路由，否则将在一个Angular2应用程序(例如。Www.domain.com/inner)，Symfony路由器接管并抛出一个404 Not NotFoundHttpException。
问题是，
浏览 5提问于2016-07-27得票数 2
回答已采纳
我正在将Angular整合到现有rails应用程序的单个页面中。
使用以下代码，页面内的路由一切都可以正常工作
app.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/services/:id', {
templateUrl: "/javascripts/angular/templates/service_ui/service.html",
controller: "ServiceCtrl"
浏览 0提问于2013-05-26得票数 3
回答已采纳
1回答
我可能漏掉了一些很明显的东西，但是：
NSError *error;
NSURL *cachesDirectory = [[NSFileManager defaultManager] URLsForDirectory:NSCachesDirectory inDomains:NSUserDomainMask][0];
NSLog(@"Caches directory: %@", cachesDirectory);
NSURL *tmpDirectory = [[NSFileManager defaultManager] URLForDirectory:NSItemReplacem
浏览 2提问于2013-10-28得票数 1
回答已采纳
1回答
我最近从ui路由器0.0.1迁移到0.2.0。由于迁移，ui路由器无法解决需要注入视图控制器的命名依赖项。下面是示例代码，它可以很好地处理ver 0.0.1，但是在ver 0.2.0中失败。
angular.module( 'sample.test', [
'ui.router',
'i18nService'
])
.config(function config($stateProvider) {
$stateProvider.state( 'mystate', {
url: '/mystate&
浏览 6提问于2013-11-01得票数 1
回答已采纳
在对一个新API进行了一些测试之后，我发现了这一点，那边的管理员说我正在做GET，而我正在做自己的帖子。在启用调试之后，我发现请求将执行初始的POST，然后对新的302URL执行GET操作。
我的问题现在解决了，在我理解了问题是什么，但这是一个错误或预期的行为？如果在帖子上收到302，则不应该引发异常，或者将帖子重试到新的URL。
我不想把它作为一个bug登录到GitHub上，除非我确定它是一个bug。只是想得到一些关于这个的信息。
谢谢
浏览 3提问于2013-10-17得票数 9
回答已采纳
我有几个angular/react应用程序，我想用S3在亚马逊网络服务上的同一个url下部署。当我访问mysite.com时，我的一个angular应用已经运行得很好了。该应用程序的运行情况与预期一致。我想避免使用angular路由器，当用户访问mysite.com/reactapp时，react应用程序就会被加载。或者，当访问mysite.com/ other angular时，会加载另一个angular应用程序。你如何使用S3和其他亚马逊网络服务资源来做到这一点？
浏览 23提问于2017-12-14得票数 0
目前，我正在将Angularjs 1.6应用升级到Angular 7。作为迁移的一部分，我必须从Angular模板导航到Angularjs中定义的状态。我如何才能做到这一点？ 我尝试过angular混合路由器方法，但没有帮助。 这是在Angularjs中的配方模块下定义的状态 $stateProvider.state('recipes', { url: '/recipes', component: 'recipes', onEnter: ['$state', 'authSe
浏览 22提问于2019-06-04得票数 0
6回答
router路由器的示例演示为起始页面提供了以下链接：
“ui-路由器”的完整url是/或http://angular-ui.github.io/ui-router/sample/#/。
“about”的完整url是/about或http://angular-ui.github.io/ui-router/sample/#/about
当我使用durandalJS时，有一个限制，默认的url只是"/“不能有”/ui-路由器“。
棱角ui路由器插件也有同样的限制吗？
浏览 6提问于2014-03-06得票数 19
回答已采纳
我用这种方式设置了ui路由器：
$stateProvider
.state 'home',
url: '/'
template: JST['angular/templates/user/dashboard']
controller: 'userDashboardCtrl'
.state 'home.list',
url: 'list'
views:
'content':
template: JST[
浏览 2提问于2014-04-02得票数 1
回答已采纳
最近，我将below项目更新为以下版本：
摘自我的package.json：
"@angular/animations": "^6.1.9",
"@angular/cdk": "^6.4.7",
"@angular/common": "^6.1.9",
"@angular/compiler": "^6.1.9",
"@angular/core": "^6.1.9",
"@angular/flex-layout":
浏览 0提问于2018-10-15得票数 0
我目前正在试验angular2 (beta1)，我对新的路由器有点迷惑。
通过router.navigate导航就像一个护身符，而试图通过注册路线的普通链接来做到这一点会刷新页面。当然，当HashLocationStrategy按照预期工作时，PathLocationStrategy也会发生这种情况。
这是一个bug还是正常行为？
提亚
浏览 2提问于2016-01-14得票数 10
1回答
我有一个React/Redux应用程序使用Router进行路由。
作为这个应用程序的一部分，我设置了一个websocket连接。我面临的一个问题是，当直接导航到url时，连接将被删除。
例如：
用户登陆www.app.com/主页
建立了Websocket连接。
用户通过React路由器www.app.com/link导航到browserHistory (在此页面上没有建立任何连接的代码)。
保持连接。
这如预期的那样起作用。然而：
用户登陆www.app.com/主页
建立了Websocket连接。
用户通过在地址栏中输入/link直接导航到它(或者在通过
浏览 2提问于2017-02-14得票数 1
回答已采纳
1回答
角用户界面-路由器:链接不可点击
、、、、
我试图运行角度用户界面路由器来处理我的观点，但我有一个问题。以下视图的两个链接不可单击。角度变化变量与链接标签，但我不能点击。
我有这样的看法：
<!DOCTYPE html>
<html ng-app="MyApp">
<head>
<meta charset="utf-8">
</head>
<body>
<h1>App</h1>
<nav>
<
浏览 4提问于2015-05-01得票数 6
回答已采纳
1回答
我目前对角路由@1.5.8模块有一个问题。
路由器似乎没有单独激活。我的意思是，当我调用页面()时，请求的模板不会出现。但是，手动将散列(#)添加到url的末尾，激活路由器并显示正确的模板。
我用几乎相同的路由器配置构建了一个测试应用程序，在该应用程序中，路由器按照预期工作。
控制台中没有记录错误。
这是配置：
angular.module('app', ['ngRoute'])
.config(function ($routeProvider) {
$routeProvider
.when(&#
浏览 1提问于2016-07-27得票数 0
回答已采纳
1回答
我正在尝试向以下格式的URL发出POST请求：
/questions/:questionId:/answers
我设置了一个资源(注意自定义的保存URL)：
angular.module('questions').factory('AnswersResource',
['$resource',
function($resource) {
return $resource('questions/:questionId/answers/:answerId', {
answerId
浏览 0提问于2014-03-21得票数 1
我发短信说：“点击?”
当我在安卓手机上收到这条短信时，只有是可点击的。"?“在SMS中可见，但不是可点击URL的一部分。
有什么办法逃过吗？或者做一些其他的解决方法，以便单击链接转到
编辑:忘记Android -即使在这个页面上的堆栈溢出- "?“不是可点击链接的一部分。
浏览 0提问于2018-03-26得票数 2
回答已采纳
1回答
我希望能够单击#leftDiv中的锚点，并在#rightDiv中打开UI路由器模板。因此，当我在peopleOne.html #leftDiv中单击Hello 1时，我希望在#rightDiv中打开。当我单击“peopleTwo.html HelloPogger2”时，我希望peopleOne.html取代#rightDiv中的。
这是一个柱塞-
有人能提供洞察为什么这不起作用。
Script.js
var Delivery = angular.module('Delivery', ['ui.router']);
angular
.module(&#
浏览 0提问于2017-11-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
