javascript - Phalcon 和 Angular JS 路由 - 使用 Angular 模板和 Phalcon Controller

Question

我正在将 Phalcon 与 Angular JS 一起使用，但遇到了问题，Phalcon 正在捕获我所有的 Angular 路由。目标是首先调用路由/dashboard 来加载 Angular、jQuery 等。如果用户单击链接/people，则只有 ng-view 应该更改并且应该加载 Angular 模板。

伏特模板:

<div ng-app="sampleApp">

    // Loads menu with two links to /dashboard and /people
    <?php $this->partial("partials/navigation") ?>

    <?php echo $this->flashSession->output(); ?>

    <div ng-view ng-controller="DashboardController">
    {{ content() }}
    </div>
</div>

我的目标是，当用户单击链接时，只有 ng-view 会根据 Angular 中定义的路由进行更改:

$routeProvider
        .when('/dashboard', {
            templateUrl: '/partials/dashboard.html',
            controller: 'DashboardController'
        }).when('/people', {
            templateUrl: '/partials/people.html',
            controller: 'PeopleController'
        });

取而代之的是，Phalcon 路由尝试使用“indexAction”方法加载“PeopleController”。

我尝试禁用 Phalcon 路由并仅加载仪表板路由(加载 Angular 库的位置):

$di->set('router', function () {

    $router = new \Phalcon\Mvc\Router(false);

    $router->add("/dashboard", array(
        'controller' => 'dashboard',
        'action' => 'index'
    ));

    return $router;
});

如何使用 Phalcon 加载一些页面/路由(例如/dashboard)以及一些页面/路由来更改 Angular 中的 ng-view？

最诚挚的问候，帕特里克

编辑:它在正常的 Angular 中工作正常，但在激活的 HTML 模式下会出现问题

Answer 1

构造路由器时传递 false 作为参数就足以不添加默认路由。只有您明确添加的才会匹配。

但是，您的问题更有可能来自客户端路由器。请仔细阅读$location service了解如何让 Angular 能够判断是否应从服务器检索当前路由。

如果您提供有关 Angular 路由器设置的更多详细信息，我希望改进此答案。