ng-docs.github.io icon indicating copy to clipboard operation
ng-docs.github.io copied to clipboard

angular js中添加锚点

Open jerry67892 opened this issue 4 years ago • 6 comments

我使用相关资源NG-ZORRO中的例子添加了锚点,https://ng.ant.design/components/anchor/zh,但是不起用,有没有那位大神用过ng-zorro的锚点,或者在angular中使用锚点, import { Component } from '@angular/core';

@Component({ selector: 'nz-demo-anchor-basic', template: <nz-anchor> <nz-link nzHref="#components-anchor-demo-basic" nzTitle="Basic demo"></nz-link> <nz-link nzHref="#components-anchor-demo-static" nzTitle="Static demo"></nz-link> <nz-link nzHref="#api" nzTitle="API"> <nz-link nzHref="#nz-anchor" nzTitle="nz-anchor"></nz-link> <nz-link nzHref="#nz-link" nzTitle="nz-link"></nz-link> </nz-link> </nz-anchor> }) export class NzDemoAnchorBasicComponent {}

jerry67892 avatar Aug 20 '19 06:08 jerry67892

锚点的前提是应该有定位点把.....你如果没有<div id="xxxx"></div>他怎么跳转过去..

wszgrcy avatar Aug 20 '19 07:08 wszgrcy

锚点的前提是应该有定位点把.....你如果没有<div id="xxxx"></div>他怎么跳转过去..

我加 id的但是还是跳转不过去,不知道是不是需要设置路由,

jerry67892 avatar Aug 20 '19 07:08 jerry67892

锚点的前提是应该有定位点把.....你如果没有<div id="xxxx"></div>他怎么跳转过去..

我加 id的但是还是跳转不过去,不知道是不是需要设置路由,

页面如果过短,没产生滚动条也不能跳过去

wszgrcy avatar Aug 21 '19 01:08 wszgrcy

如果路由的策略使用了 HashLocationStrategy ,不知道会不会对它会有影响。

at77ms avatar Sep 06 '19 01:09 at77ms

同样遇到了此问题

omyga avatar Sep 12 '19 05:09 omyga

ngx-markdown的toc锚点拓展
今天刚刚出炉的,感觉你这里应该没有注意id值和href属性。
文章部分是被我修改了渲染逻辑从而实现跳转的功能的。
ngx-markdown的配置

sing-gor avatar Sep 20 '19 17:09 sing-gor