解释这个锚标记语法

Question

ionic ion-nav-view 文档中有一个我以前从未见过的锚标记语法。我想知道这种将主题标签与正斜杠组合在一起的语法是否是 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 中 # 之后的所有内容称为 "fragment identifier" 并告诉浏览器在页面上的哪个位置引导用户的注意力。

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

所以我不会说这是不同的语法 - 您仍然只有 url 和片段标识符。

在 SPA 世界中，您希望能够在不实际导致新页面加载的情况下解决 "virtual pages" 的范围，将看起来像路径的内容放在片段 ID 中是有意义的。通常浏览器端的脚本会对片段 ID 做出反应，以通过 AJAX.

加载适当的资源

解释这个锚标记语法

explain this anchor tag syntax

html

anchor

ionic-framework