javascript - 将 AngularJS 与 Phalcon 框架混合

Question

我正在 Phalcon 中构建一个多模块网络应用程序，其基本结构如下:

my-project/
├── apps
│   ├── admin
│   │   ├── controllers
│   │   │   └── IndexController.php
│   │   ├── Module.php
│   │   └── views
│   │       └── index
│   │           └── index.phtml
│   └── frontend
│       ├── controllers
│       │   └── IndexController.php
│       ├── Module.php
│       └── views
│           └── index
│               └── index.phtml
├── common
│   └── config
│       └── config.ini
└── public
    └── index.php

您可能会注意到管理区域有一个模块，前端有另一个模块。现在我想用 AngularJS 构建管理区域，传统的 AngularJS 应用程序结构由几个文件、文件夹和子文件夹组成。所以我有两个问题:

1. 将 AngularJS 项目文件夹放在哪里最有用、最明智？
2. 如何从管理区域的 IndexController.php 重定向到 AngularJS 应用程序的实际 index.html？

提前致谢!

Answer 1

这确实与个人观点有关，但这是我的看法:

1. 您的 angularjs javascript 代码需要位于公共(public)文件夹(或符号链接(symbolic link))中，以便提供服务，没有办法解决这个问题。
2. 要重定向，您可以使用 $this->response->redirect("http://example.com/my/ng/app", true); 无论您决定将其放在何处

但是我会说重定向是不必要的。为什么不将您的 angularjs 模板放在 View 的 index.phtml 中？您所有的 Angular 模板都可以只是 phalcon View 。

就个人而言，我开始做一个混合管理系统，一部分是 phalcon，一部分是 angularjs……随着我的继续，里面的 phalcon 越来越少； angularjs 只是让很多看起来不必要。现在我的大部分页面开始从 Controller 获取初始数据以保存 ajax 请求，甚至一次性提供模板

<script type="text/javascript">
    var myInitialData = <?=json_encode( $dataFromController )?>;
</script>

<script type="text/ng-template" id="myTemplate">
    html for template ajax uses goes here
</script>

<div ng-controller="myController">
    <!-- controller can access data with $window.myInitialData -->
    html here
</div>

然后通过json与phalcon Controller 通信