html使用#会自动加#/,html里用到了anjularjs,在a标签里添加锚点不起作用

关于HTML自动加#问题：

在HTML中，#符号通常用作锚点的标识符，当我们在URL中使用#时，浏览器会自动在#前添加一个斜杠（/），从而形成#后面的路径。这是因为#后面的内容通常是用于页面内部的定位，而页面内部的路径必须以斜杠开头。

例如，我们在页面中添加一个锚点标记：

<a name="top"></a>

然后在URL中指定该锚点：

http://example.com/page.html#top

浏览器会将其转换为：

http://example.com/page.html#/top

关于AngularJS中a标签无法添加锚点的问题：

在AngularJS中，如果我们使用了ngRoute或者ui-router这样的路由模块，a标签的href属性不能直接用于锚点的跳转。这是因为这些模块会拦截a标签的点击事件，根据href属性的值进行路由跳转，而不是进行页面内部的锚点跳转。

解决这个问题的方法是使用$anchorScroll服务，它可以让我们在JavaScript代码中进行锚点跳转。具体使用方法如下：

1. 在HTML中添加一个锚点标记：

<a id="top"></a>

2. 在JavaScript代码中使用$anchorScroll服务进行跳转：

$scope.scrollToTop = function() {
  $location.hash('top');
  $anchorScroll();
};

其中，$location.hash('top')会将浏览器的URL锚点设置为top，$anchorScroll()则会让页面滚动到ID为top的元素所在位置。

希望能够帮到你！