Javascript AngularJS和使用使用哈希URL的js/css库

我使用的是启用html5模式的AngularJS，这使得我很难使用依赖于使用散列URL来显示/隐藏信息的库，尤其是Ratchet

以下是棘轮模式的示例：

<a href="#myModal" class="button">Open modal</a>

<div id="myModal" class="modal">
  <header class="bar-title">
    <h1 class="title">Modal</h1>
    <a class="button" href="#myModal">
      Close
    </a>
  </header>

  <div class="content content-padded">
    <p>The contents of my modal.</p>
  </div>
</div>

情态动词
我的情态动词的内容

单击“打开模式”尝试将“#myModal”添加到URL，但与$routeProvider中的路由不匹配，因此它重定向到root

有没有关于如何处理这个问题的建议？我知道有人在这里发布了他们使用angular with ratchet的帖子：但我想不出来。

受此启发，我使用以下代码解决此问题：

在模板中，添加

ng单击打开和关闭按钮中的

指令

<a class="icon icon-more" ng-click="toggleModal()"></a>

这对我来说很好

使现代化

---

关于这个问题，有人建议PR使用

数据模式

而不是

href

来打开/关闭棘轮模式。

就在我头顶上，模式打开按钮上的点击事件似乎并没有停止默认的点击动作。请注意，在Ratchet文档中，单击模式按钮不会将#myModal哈希添加到URL。出于好奇，Ratchet还是Angular首先包含哪个js文件？是的，我相信Ratchet会向modal div添加一个活动类。我首先包含Ratchet。我想我可以用一个函数来添加活动类，但是动画不一样。你知道吗？

$scope.toggleModal = function() {
  jQuery('#myModalexample').toggleClass('active');
};