腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >将href或routerlink与#一起使用

问将href或routerlink与#一起使用
EN

Stack Overflow用户

提问于 2020-01-27 19:20:13

回答 1查看 32关注 0票数 0

我对更改页面的路径/位置相当陌生，所以我想在这方面得到一些帮助。

比方说，当一个按钮被点击时，我想要向下滚动到页面的另一部分。(该节的id是'xyz')但是，我使用了一个完全不同的组件来访问该节。

如果我使用href，我可以很容易地这样做：href="/app/appid#xyz"然而，如果appid是从ts文件中检索到的变量，我如何将其插入到href中呢？

使用[routerlink]="['app', appid]"更容易，但是我如何在字符串中插入"#xyz“呢？

或者，有没有一个完全独立的、更容易使用的功能？

谢谢

href

routerlink

html

path

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-01-27 20:02:55

添加frament属性：

<a [routerLink]="['app', appid] fragment="xyz">Link</a>

https://angular.io/api/router/RouterLink

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59937550

复制

如何将Redux与React Hooks一起使用

redux react

React Redux在2019年6月11日发布的7.1版中提供了对Hooks的支持。这意味着我们可以在函数组件中将Redux与Hooks一起使用，而不是使用高阶组件（HOC）。

前端知否

2020/03/23

7K0

如何将CocoaPods与多个Framework子项目一起使用

https 网络安全 cocoa

假设主项目是MAIN_APP，两个子项目是FRAMEWORK_A和FRAMEWORK_B。

freesan44

2019/10/12

4.1K0

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

html

"window.location.href"、"location.href"是本页面跳转.

botkenni

2022/03/24

2.1K0

AngularDart 4.0 高级-路由概述顶

其他

本指南涵盖路由器的主要功能，通过演示可以实时运行的小应用程序（查看源代码）演示它们。

南郭先生

2018/08/14

6.1K0

href="javascript:void(0);"与#差异

java javascript https 网络安全

将<a>标签设置为空链接有两种方式。第一个是href=”#”，第二个是href=”javascript:void(0);”。

全栈程序员站长

2022/07/06

4160

[PHP] 按位与& 或| 异或^ 的日常使用

int 二进制

按位与: 0&0=0; 0&1=0; 1&0=0; 1&1=1; 按位或: 0|0=0； 0|1=1； 1|0=1； 1|1=1; 按位异或,在或的基础上1 1也为0: 0^0=0； 0^1=1； 1^0=1； 1^1=0；

唯一Chat

2019/09/10

1.1K0

前端路由的实现原理

php vue.js 网站编程算法 html

路由的概念来源于服务端，在服务端中路由描述的是 URL 与处理函数之间的映射关系。

Daotin

2019/07/28

2.1K0

使用ONNX将GPT Neo（或其他）投入生产

https 网络安全 tensorflow github pytorch

https://github.com/oborchers/Medium_Repo/blob/master/Putting%20GPT-Neo%20into%20Production%20using%C2%A0ONNX/ONNX-Export.ipynb

磐创AI

2021/08/05

2.9K1

使用Python将Word文档转换为HTML或Markdown

python https html 网络安全

如何将Word文档转换为HTML或Markdown呢？我们可以使用Python的库Mammoth 来完成转换操作

用户1094633

2022/02/15

3.6K0

【今天学了什么】前端路由的实现原理

php vue.js 编程算法 https html

路由的概念来源于服务端，在服务端中路由描述的是 URL 与处理函数之间的映射关系。

Daotin

2022/05/09

7450

或、与、异或

bit 二进制

& 与（都是1时，结果才为1）表示按位与。 &表示按位与操作，我们通常使用0x0f来与一个整数进行&运算，来获取该整数的最低4个bit位，例如，0x31 & 0x0f的结果为0x01。二进制与运算规则:1&1=1 1&0=0 0&0=0 | 或（只要有1，那么就是1）表示按位或按位或运算按位或运算符“|”是双目运算符。其功能是参与运算的两数各对应的二进位（也就是最后一位）相或。只要对应的二个二进位有一个为1时，结果位就为1。 ^ 异或（只要一样结果就是0）按

Lokinli

2023/03/09

9460

Javascript中的href

编程算法 javascript java

Tyan

2019/05/25

1.5K0

链接中 href='#' 和 href='###' 的区别以及优缺点

javascript

首先，<a> 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式，而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 <a> 标签的解释和处理不同。其次，使用 <a> 标签 + onclick='{jscode}' 时经常会加一个 href='###'，而有时这个 href='###' 会被误写为 <a href='#'> 是因为使用者没有理解 '#' 和 '###' 的区别。简单地说，就是说如果想定义一个空的链接，又不

deepcc

2018/05/16

1.8K0

【译】与Adapter一起使用（ListView, GridView, ...）

其他

首先，我们需要为测试提供一些图像。我们从eatfoody.com截取了部分美味的食谱图，上传至imgur。

小鄧子

2018/08/20

1.2K0

如何使用 Python 将 Word 文档转换为 HTML 或 Markdown

python markdown html

最近有一个开发需求，将生成的word数据报表以网页格式推送，正好找到一个简单快速转换的模块mammoth。

用户8949263

2022/04/08

3.2K0

a标签href的功用

php

a标签在html内使用最多的就是超链接，在href属性中加入url链接即可。当然，他还有其他的一些功用，下面来看一下

OECOM

2021/02/04

2.9K0

点击加载更多

相似问题

routerLink重写href

131

如何将routerLinkActive与空routerLink一起使用

将jQuery与href一起使用

如何将routerLink与两个html一起使用

在Angular 8中从Href或RouterLink调用函数

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问将href或routerlink与#一起使用
EN