解释这个锚标记语法

Question

在离子离子导航视图文档中，我有一个前所未见的锚标记语法。我想知道将哈希标签与正斜杠组合在一起的语法对于Ionic或者什么是唯一的。

<script id="home" type="text/ng-template">
  <!-- The title of the ion-view will be shown on the navbar -->
  <ion-view view-title="Home">
    <ion-content ng-controller="HomeCtrl">
      <!-- The content of the page -->
      ****<a href="#/music">****Go to music page!</a>
    </ion-content>
  </ion-view>
</script>

Answer 1

这是一种允许SPA导航的方法，不需要页面刷新，也允许使用常规浏览器书签。

Answer 2

在网址中＃后面的所有内容都称为“片段标识符”，并告诉浏览器页面上的哪个位置引导用户注意。

在传统网页中，您可能习惯于看到只是单词的片段标识符，但几乎任何东西（当然包括/）都是片段标识符中的有效字符。

所以我不会说它的语法不同 - 你仍然只有一个带有片段标识符的url。

在SPA世界中，您希望能够在不实际导致新页面加载的情况下处理一系列“虚拟页面”，在片段ID中放置看起来像路径的内容是有意义的。通常，浏览器端的脚本会对片段ID做出反应，以通过AJAX加载适当的资源。