Javascript 向现有CodeIgniter项目添加Angular

我每天都在使用CodeIgniter作为前端和后端开发框架，很少使用动态前端的东西，比如反应表单和Ajax。但我需要说：我喜欢它，因为它最方便用户，这是良好前端开发的关键。 以表单为例，我将采用一种很好的老方法，发布到新文件，验证并将其推送到数据库或任何地方。 我喜欢在用户打字时验证它并给出反馈的方式，这就是我的目的

首先也是最重要的是，我喜欢角形的反应形式。首先，我将仅在表单中使用它

---

如何将CodeIgniter的文件夹结构与angular的文件夹结构结合起来，以便我可以首先使用CI，但angular用于表单处理。

angular通常提供AJAX调用的内容，因此您应该使用CodeIgniter作为webservice API框架

让我们假设您将实现一个简单的列表：

首先，使用样例数据（例如，通过硬编码值）创建角度项目。当你的产品清单有效时

HTML

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.items=[
“一个”，
“两个”，
“三”，
“四个”
];
});
引导（文档，['myApp']）





angular中的前端和codeignitor中的后端这正是您想要的？不是真的。在我的脑海中，有一个文件夹，里面有所有angular的东西，当CI视图（在前端或后端）中有一个表单时，我会把我的
放进去，其余的都是angular的。该表单周围的所有内容都来自CI环境。是的，我刚才问过，您需要在angular中创建所有表单，其余数据来自使用api调用的CI。现在回到我的问题：如何将angular应用程序文件夹结构与所有这些组件与CI结合起来？在angular中创建一个项目，然后在该项目中创建一个文件夹名称，无论您想要什么，我更喜欢api，然后将codeignitor的整个代码放在该文件夹中。现在在angular服务中，您正在使http请求通过路径
http://localhost/project_name/folder_name/action_you_want_to_call
Wow这是一个非常详细的答案，帮助很大！非常感谢。有一个问题仍然悬而未决（我想这就是为什么我一般都有这个问题）。当我用
ng new app name
创建一个新的角度项目时，我得到了一个包含所有这些文件的文件夹结构。您的解决方案是直接在代码中创建我需要的模块和组件（我喜欢的）。我是angular的新手，我不知道这种方法，而且你的代码与我的
应用程序名
项目的应用程序文件夹中的文件看起来不一样。你能给我一个提示，我可以在哪里进行更详细的研究，以获得我当前的角度知识（基于
ng new
环境）与你的代码一起工作吗？我试图解释的是，你必须保持文件夹结构不变。唯一正在改变的是信息源以及应用程序与数据库的交互方式。所有读写连接都是通过AJAX进行的，使用CodeIgniter的API运行。这能回答你的问题吗？对不起，不能。也许我的问题太简单了。您运行的代码片段没有完整的
ng new app name
环境。没有
app.module.ts
和
app.components.ts
。这些都是在代码中实现的。我的环境看起来像。例如，我如何
从'@angular/forms'导入{ReactiveFormsModule}？啊！我想你是在用Angular4，不是AngularJS。Angular 4是Angular的最新版本（尽管更好）。我可以为您提供代码，我也有一些项目在Angular 4中使用CodeIgniter实现。（CodeIgniter部件相同）。等等，今天我会更新我的答案。