jQuery 语法错误,无法识别的表达式使用 Angular,Angular UI-Router 和 Materialise Together

jQuery Syntax error, unrecognized expression using Angular, Angular UI-Router and Materialize Together

我在这个项目中使用了几个库。抱怨的是 jQuery。我不确定 jQuery 实际上是这里的罪魁祸首。我已经尝试了几种不同的方法来获得所需的结果,并且我最终得到了一个导致最少错误并且仍然可以正常运行的解决方案。好的,所以我正在使用 jQuery、Materialize、Angular、Angular UI-Router 和 Angular Materialize。我定义了几条路线和嵌套视图。那么,进入代码:

<ul tabs>
  <li class="tab"><a href="#/one" ui-sref="one" ui-sref-active="active">One</a></li>
  <li class="tab"><a href="#/two" ui-sref="two" ui-sref-active="active">Two</a></li>
  <li class="tab"><a href="#/three" ui-sref="three" ui-sref-active="active">Three</a></li>
</ul>

因此,此方法通过在锚元素上组合 href="#/one"ui-sref="one" 正常运行,但仍然会在初始应用程序加载时产生错误。 Uncaught Error: Syntax error, unrecognized expression: #/one.

这个错误的几乎所有搜索结果都与字符串和引号的格式有关。这使我相信它与其中一个图书馆有关。最有可能是 Materialise 或 UI-Router。也许两者都在一起。

这里是重现问题的 Fiddle – https://jsfiddle.net/whatisthebigpicture/9uudedvx/ – 脚本加载到 HTML 因为外部脚本面板工作不正常。在 JSFiddle 上重现同样的问题是一个挑战,但我相信如果它可以在 Fiddle 中解决,那么我可以将它应用到我的应用程序中。

有没有人有一起使用这些库的经验?有什么我可以做的来消除错误还是由库开发人员决定?

使用 data-href="#/one" 而不是普通的 href="#/one"。工作 Fiddle – https://jsfiddle.net/whatisthebigpicture/rj08fosn/

https://github.com/Dogfalo/materialize/issues/2848