javascript - anchor 标记中的 hash(#) 后面的文件夹是什么意思？

Question

在 this angular tutorial 的组件模板部分，他们使用以下代码:

...
<ul class="phones">
  <li ng-repeat="phone in $ctrl.phones | filter:$ctrl.query | orderBy:$ctrl.orderProp" class="thumbnail">
    <a href="#/phones/{{phone.id}}" class="thumb">
      <img ng-src="{{phone.imageUrl}}" alt="{{phone.name}}" />
    </a>
    <a href="#/phones/{{phone.id}}">{{phone.name}}</a>
    <p>{{phone.snippet}}</p>
  </li>
</ul>
...

在 anchor 标记中，他们使用以下值作为 href “#/phones/{{phone.id}}”。据我所知 href="#" 点击后会跳转到页面顶部。 href="#mydiv" 将跳转到 id 为 mydiv 的元素。

我从未见过类似 href="#/folder1/myimg.jpg" 的内容。它是否相当于 href="/folder1/myimg.jpg"？

Answer 1

将“#”符号作为某内容的 href 意味着它不是指向不同的 URL，而是指向同一页面上的另一个 id 或名称标签。例如:

<a href="#bottomOfPage">Click to go to the bottom of the page</a>
blah blah
blah blah
...
<a id="bottomOfPage"></a>

但是，如果没有 id 或名称，那么它就会“无处可去”。

欲了解更多信息，您可以查看... What is href="#" and why is it used?

但在 AngularJS 中，它用于路由请求...因为 AngularJS 为构建的单页应用程序提供了非常好的支持.. # 之后的参数用于找出要渲染的正确页面.. ..

这是一个不错的example ..但是你需要时间来深入理解它..