动态更改页面内容，但也使用URL哈希

Question

我希望用户能够更改页面内容，而无需加载新的HTML页面。我使用angular.js中的ng-click，ng-show和ng-hide组件来更改可见内容（example pen），但这并不是我需要的。

我需要用户能够在一个页面上交换内容，但也可以使用直接URL访问任何内容，而现有代码是不可能的。

例如，如果页面URL默认为example.com/git，我想要＆＃34;命令＆＃34;要显示的内容。但是，如果用户输入example.com/git#terms之类的网址，那么我希望显示条款内容。

实施例

Here's an example of exactly what I want to do。当用户点击＆＃34;术语＆＃34;该页面看起来只是交换内容，但URL更改。用户可以直接进入＆＃34;术语＆＃34;使用此网址：https://www.atlassian.com/git/glossary/terminology。

我认为该页面正在使用react，但有更简单的方法吗？我对脚本非常陌生，所以我真的很感激我能得到的任何帮助！

Answer 1

您可以在控制器中执行以下操作：

$scope.showme = location.href.indexOf("#terms") != -1;

如果当前网址包含showme，这样做的目的是将true变量设置为#terms。