javascript - Wordpress 站点中的 AngularJS 路由

Question

我目前正在构建一个 Wordpress 网站，其中有一些使用 AngularJS 的交互位。一切工作正常，但是，当我转到与我的 Angular 路由设置相对应的页面时，网站上的其余链接将无法工作。

<div ng-app="myApp" class="ng-view">
<ng-view></ng-view>
</div>

...我的观点如下:

<div class="row" ng-controller="LinksCtrl" ng-init="init()">
... rest of view ...
</div>

...我的任何路由设置如下:

$locationProvider.html5Mode(true);
$routeProvider.when('/links/', {
    templateUrl: APP_SETTINGS.baseUrl + '/assets/js/views/links.html',
    controller: 'LinksCtrl'
});

因此，当我在网站上导航时，一切正常，但是当我转到/links/时，页面(以及所有 Angular 应用程序相关的内容都可以工作并加载)，但网站中的其余链接则加载失败。

所以首先，我不确定是否必须在 View 和路由中定义 Controller ，其次，页面肯定应该只初始化而无需路由？如果我禁用路由，则不会显示任何 Angular View 。

我想我的问题应该是这是否真的可能。

非常感谢任何帮助。

干杯，戴夫

Answer 1

这里找到的解决方案对我有用。 https://stackoverflow.com/a/17407179/102086 .

基本上，您只需要添加一个“_self”目标即可。将您想要忽略的链接置顶。