Wordpress网站中的AngularJS路由


AngularJS Routing in a Wordpress site

我目前正在构建一个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应用程序相关的内容都可以工作和加载),但网站中的其他链接无法加载。

因此,首先,我不确定是否必须在视图和路由中都定义控制器,其次,页面肯定应该在没有路由的情况下初始化吗?如果禁用布管,将显示非角度视图。

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

非常感谢您的帮助。

干杯,Dave

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

基本上,您只需要添加一个目标"_self"。在要忽略的链接顶部。