html - 为什么 [routerLink] 指令选择器定义为 :not(a)[routerLink]?

标签 html css angular css-selectors routerlink

In the Angular documentation , routerLink指令选择器定义为:

:not(a)[routerLink]

据我所知,这意味着“所有具有routerLink属性的非<a>标签”

但是,稍后在同一文档中,他们显示了 routerLink 的示例与 <a> 一起使用标签,例如:

<a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">
  link to user component
</a>

这是文档中的错误还是我对选择器不了解?

最佳答案

添加@yurzui 评论,

需要两个,因为 RouterLinkWithHref 会更新 anchor 标签上的 href,您可以享受链接标签的所有好处,例如在新标签页中打开,

如果您将 routerLink 应用于非 anchor 标记,则使用 RouterLink 指令并且没有要设置的 href。

关于html - 为什么 [routerLink] 指令选择器定义为 :not(a)[routerLink]?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47211234/

相关文章:

html - 定义 html 预加载器的计时

javascript - 如何对 jQuery DataTables 中的数字列进行排序

css - 如何在不触及 HTML 的情况下将此图像居中

html - 单击带有 z-index 的定位 div 以在下方提交按钮

html - 如何将模式中的列表元素居中对齐

javascript - 为什么 Angular 2 或 Angular 4 使用香蕉括号?有什么具体原因吗?为什么他们不遵循与 Angular 1 相同的模式?

javascript - Angular2 [src] 动态加载图像时导致 404 错误

html - 对齐数据表的列

JQuery Mobile 导致 Li 中的日期成为 iOS Safari 中的链接

Angular 共享模块导入不导入提到的模块