javascript - LAMP 堆栈中的 Angular 2

Question

我有 PHP 背景，在某种程度上使用过 Jquery 和 Angular 1 等传统 JS 框架。我刚刚开始学习 Angular 2。我浏览了多个站点和演示、代码生成器，例如 Angular-CLI、vulgar 等。并且所有这些都按预期工作。到目前为止没有任何问题。

我在 Windows 上工作。因此，每当我需要运行任何 Angular 2 演示应用程序时，我都需要在不同的命令提示符下运行至少 2 或 3 个命令，并且它们都需要持续运行，例如 ngserve、npm start、gulp 等。

假设我想创建一个包含 3 个 php 文件的简单 php 应用程序。第 1 页是 angular2 应用程序应该运行的位置。在第 1 页中，将有指向第 2 页和第 3 页 php 文件的链接以及使用 angular2 路由显示的其他路由。

既然我见过的所有演示都使用 typescript，那么我应该如何在 php 中进行呢？

我在 PHP 中使用了 angular1，它就像导入脚本文件一样简单。

我可以导入一些脚本文件并让 angular2 应用程序在 php 页面中运行吗？我是否必须运行所有这些(npm，ng，gulp)命令才能让 angular2 应用程序在 php 页面上运行？

Answer 1

关于 TypeScript 部分:

Now since all demos I have seen use typescript, how should I use it in php?

...请记住，TypeScript 是 JavaScript 的超集，并且转换为 JavaScript。因此，您可能有一个进程，可以在加载页面之前将 TypeScript 应用程序代码转换为 JavaScript，并在浏览器中作为 JavaScript 运行。或者，您也可以在浏览器中运行 TypeScript(有关详细信息，请参阅 this Stack Answer)。

当您浏览 Angular 2 教程时，您会发现在编写 TypeScript 时，它会为您创建 JavaScript 文件。教程中运行的应用程序(使用 Node.js)提供 JavaScript，而不是 TypeScript。所以，正如您提到的:

I have used angular1 with PHP and it was as simple as importing a script file.

那里什么都不会改变。唯一的额外步骤是将 TypeScript 转换为 JavaScript。为此，您可以查看 SystemJS(这就是 Angular 2 turotials 使用的)或 WebPack(Angular 2 在 here 上也有文档，它们都有插件/捆绑程序可以为您完成此操作。