Angular 8 routerLinks使用#到%23创建已解码的href
Angular 8中的routerLink指令用于在应用程序中导航到不同的路由。在使用routerLink时，可以使用#字符来创建已解码的href。
#字符在URL中有特殊含义，它用于表示锚点。为了在routerLink中使用#字符并创建已解码的href，需要将#字符转义为%23。这样做是为了确保URL中的#字符被正确解析和处理。
下面是使用#字符创建已解码的href的示例：
<a routerLink="/path#section">Link</a>在上面的示例中，/path是路由的路径，#section是锚点。为了创建已解码的href，#字符被转义为%23。这样生成的链接将是：
<a href="/path%23section">Link</a>这个链接将导航到路径为/path的路由，并滚动到具有id为section的元素。
Angular 8中的routerLink指令非常方便，可以用于创建导航链接，并且可以轻松处理特殊字符，如#字符。它是构建Angular应用程序中导航的强大工具。
推荐的腾讯云相关产品和产品介绍链接地址：
相关·内容
在我的应用程序中生成routerLinks有一个问题。我从API中检索菜单结构。在应用程序初始化时获取它，将其存储在可观察对象中，然后简单地显示它。 </li></ng-container>
当存在一个带有指向特定页面部分的锚点<em
浏览 10提问于2019-11-19得票数 1
回答已采纳
我有一个Angular Web应用程序，我正在创建一个WKWebview混合应用程序。这是一个相当基本的应用程序，在底部有4个按钮，可以传递一个参数给WKWebView，以打开屏幕的主页面、个人资料、聊天或设置页面，以及控制视图控制器其余部分的WKWEbView。这是我第一次为Angular应用程序这么做，我意识到使用底部的4个按钮将URL传递给WKWebView会强制WebView每次都重新加载bundle.js文件，所以我真的应该
浏览 9提问于2017-08-15得票数 0
回答已采纳
1回答
当我试图从地址栏打开角2路由时，我会不断地收到HTTP404响应，但是使用"routerLink“指令导航到使用锚的路由没有问题。我尝试修改我的web.config文件，以便按照中的指示重写url，但这通常会完全破坏我的路由。最后，我确实在我的<base href="/">文件中包括了index.html，但这也没有帮助。任何来自社会的帮助都是非常感谢的</
浏览 1提问于2017-06-16得票数 2
回答已采纳
我有一个返回jpg文件的服务。它的名称在Content-Disposition头中，但文件名是以rfc2047标准编码的，所以我有：我发现Java的MimeUtility.decodeText很好用，但是我需要在客户端使用Angular 8解码这个文本。我试着在服务器端使用Java解码</e
浏览 2提问于2021-06-08得票数 0
我对Java的URLDecoder有一个问题。我在JavaScript中转义一个字符串，并将其发送到一个java servlet。然后我用下面的代码行解码转义的字符串：这对我尝试过的每个特殊字符都很有效，唯一有问题的是每次我在字符串中使用这个字符时，我都会得到以下异常：
java.lang.IllegalArgum
浏览 1提问于2012-05-15得票数 10
回答已采纳
我是新的角5，并试图把路由。我没有什么不同之处：
我试图模拟一个在所有转接脚本上只有一个index.html点的生产环境。因为我只有一个index.html，所以我使用的是Wamp的虚拟目录。因此，url "“将指向本地目录，如http服务器。当我在应用程序中导航(使用routerLinks)时，路由工作正常，但是当我刷新页面或在浏览器中直接写入URL时，我有一个404。由于我无法配置虚拟目录的路由，如何配置manage来正确地管理路由？
浏览 0提问于2018-05-07得票数 0
回答已采纳
一些电子邮件客户端(显然)将url中的哈希编码为%23，(例如#/path#sectionId变为#/path%23sectionId或%23/path%23sectionId)。当访问这样的url时，angular使用$routeProvider的其他特性，并将您重定向到您的默认页面。(我想)
在$routeProvider.when相应地重定向您之前，我如何
浏览 20提问于2016-09-16得票数 0
回答已采纳
我正在为我的应用程序使用primeng的Menubar。我得到了菜单显示，但我无法使路由在我的应用程序中工作。我将特定链接的路由设置为"reports/89"，但当我单击与该链接相对应的菜单时，它会尝试转到"localhost:3000/r/e/p/o/r/t/s/8/9“，而这显然并不存在。我的代码很简单: private
浏览 9提问于2016-08-06得票数 4
回答已采纳
2回答
过去几个小时我一直在做这件事.我已经克服了信息的编码和解码。收到聊天结果:哦
2011-11-23 23:22:14系统: Socket资源id #7已创建。2011-11-23 23</e
浏览 1提问于2011-11-24得票数 3
回答已采纳
我正在使用v5实现一个简单的嵌套/子路由示例。我使用ionic start创建了一个项目，并选择了blank模板，然后创建了两个组件ChildAComponent和ChildBComponent。</strong> href="https:&#x
浏览 1提问于2020-08-14得票数 4
回答已采纳
这是我的密码。backpaths) %}{% print '%s'%n %}{% endfor %}我试着使用n.decode('utf-8')，但是它没有工作，并得到了相同的错误['1\xe6\x9c\x89 --(HYPER)--> quantifier={indefinite|\xe4\xb8<
浏览 3提问于2015-07-08得票数 0
回答已采纳
我正在创建这个UTF-8编码HTML页面，用户可以提供输入。我想要做这个XSS证据。我偶然发现了一个名为Prototype的免费Javascript框架，它提供了一些有用的功能。一个特定的函数stripTags本质上从输入字符串中删除所有标记。下面的输入处理会阻止XSS吗？representations)Convert 对输入执行彻底的UTF-8解码(考虑到所有可能的UTF-8 字符实体到<
浏览 3提问于2009-05-24得票数 2
2回答
合同转让/押金乙醚失效
、、、
0x5c6B0f7Bf3Bf7F7F7Cf7F8FABd8FABdfD3f9F5021678到SendEther.deposit(uint256) 0xe63D12C600b87F5da3C32C7C3C3C3C3C3C3C344ddf5气体事务执行费用21614气体执行成本21614 gas执行成本21614 gas执行费用.03039解码输入{uint256值:12345}解码的输出{uint256数量："12345“输出日志到SendEther.depo
浏览 0提问于2022-09-05得票数 2
回答已采纳
3回答
我有一个定义如下的资源： app.factory("DatumItem", function($resource) {}); 在我看来，我有： <div ng-click="go('/datum/' + d.to_param)">Test</div> 其中go()在我的控制器中定义为： $s
浏览 2提问于2013-05-23得票数 8
回答已采纳
为了运行来删除未使用的css规则，我需要生成一个包含angular模板使用的所有css规则的页面。我认为可能适合这个用例，但我想知道是否可以用Angular CLI做同样的事情？例如，如果我们运行ng build，angular将在dist/index.html文件中生成一个带有自定义元素选择器的dist/index.html文件。但是，这不能以为目标，因为模板尚未呈现。例如，它仍然由<ap
浏览 5提问于2018-04-26得票数 0
2回答
使用PHP清理XML
、、、、
我有一个脏的.out文件，我要把它转换成xml。我正在使用php清理它，然后进行转换。我有这个问题。所有的网址都是编码的，我需要它在正常的解码格式。enterID="33"><thumbnail>http://eyops.com/sdfgsefgefsoio81f8b35.jpg</t
浏览 0提问于2011-07-19得票数 0
id=Mobiles and Tablets http://localhost:8777/business.php?我的PHP代码如下：
<a href="business.php?id=<? echo $cat;?>"><? echo $cat;?></a>
浏览 7提问于2014-12-20得票数 3
回答已采纳
我正在尝试用Angular下载一个文件。该文件在db中保存为varbinary。Java REST服务将其作为byte[]获取。我在Angular中使用它作为Int8Array。然而，当我下载它时，我相信它是base64编码的 const link = document.createElement( 'a' );
const blob =
浏览 52提问于2021-11-13得票数 0
回答已采纳
例如，在angular 8之前，我一直使用--base-href /en/ --i18n-file=src/locale/messages.en.xlf --i18n-format=xlf --i18n-locale此方法或i18n-选项现在已折旧。
在版本9中，i18n在构建过程中集成到一个包(@angular/localize)和一个--localize选项中。我尝试了多种方法，构建过程现在正在工作。在中有很多关于新
浏览 8提问于2020-02-14得票数 3
我有一个棘手的重写情况，我需要重写具有参数的旧URL到新URL，但同时将旧的(现在无效的)URL的参数附加到这个新URL。
示例: ring-details.php?product=MQ==&hash=376FGE367ER872CBD5的一个旧链接现在将变成rings/ring-detail/23.htm，其中数字23实际上是上面产品URL的base64_decoded所以本质上我需要这
浏览 0提问于2011-07-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
