Angular-cli使用锚点

在Angular中，html自带的a标签 # 锚点已经转换成其他意义。因此想要使用锚点实现楼层跳转需要其他方法。

方法1：（推荐）
首先，在app-routing-module.ts （路由配置）文件中，在Import的routes后面加入一个**{ anchorScrolling: ‘enabled’ }**

然后，回到你组件的html文件，在你想要使用锚点的a标签内容中，加入 routerLink=" (/本页面的路由) " fragment=" (想去的标签的id值) "
注意，若id值为for循环得到，记得绑定属性。

方法2：
也许你不是使用a标签（路由导航）进行跳转，有时候会在其他标签中要用到，这时你可以这样做：

在你的ts文件中，定义这样的一个方法：

然后在你的html文件的节点标签上，触发点击事件：

goTo(‘想去的标签的id值’)