Angular JS覆盖ng-app之外的A链接

Angular JS overriding A links outside of ng-app

本文关键字:链接 JS 覆盖 ng-app Angular      更新时间:2023-09-26

我正在构建我的第一个单页应用程序。它只在页面内容中,就像一个小部件一样。(基本上是分页)。

我在标题中有与角度应用程序无关的链接,链接的构造如下:

<a href="#">Basket</a>

我真的无法控制上面链接的渲染 HTML。正如我所读到的,添加target="_self"将使角度不使用它的路由服务。

我可以确认我没有使用$routeProvider或任何路由。因为它位于一个页面上并使用一个模板文件。

但是,我正在使用以下 Angular 服务:

$scope, $log, $location, $filter, $http, $anchorScroll

此外,我正在使用$locationProviderhtml5Mode设置为truerequireBase设置为false

我正在使用 Angular 版本 1.2.28

每当我点击这些类型的链接时,角度似乎都会接管并且什么也不做。如果我取下href="#"点击事件似乎有效,并且角度不会触及它。

任何帮助将不胜感激;

我已经设法找出了错误,问题似乎只发生在 Angular 版本 1.2.28 和 1.2.27 中。

我使用了较新的版本,一切正常,但是由于IE2兼容性,我需要保持在8版本内,所以我恢复到版本1.2.26,直到我的用户升级到较新版本的IE 9 +。

我最终解决了这个问题,不得不将所有代码剥离到一个基本的空白画布应用程序中。问题仍然存在。希望这对遇到此问题的其他任何人都有用。