Angular LAMP 堆栈中的 2 个

Angular 2 in LAMP Stack

我来自 PHP 背景,并且在一定程度上使用过传统的 JS 框架,例如 Jquery 和 Angular 1。 我刚开始学习 Angular 2. 我浏览了多个站点和演示,代码生成器,如 angular-cli,vulgar 等。 所有这些都按预期工作。目前没有问题。

我在 windows 上工作。因此,每当我需要 运行 任何 angular 2 演示应用程序时,我都需要 运行 在不同的命令提示符下至少执行 2 或 3 个命令,并且它们都需要连续 运行像 ng serve、npm start、gulp 等一样

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

现在因为我看到的所有演示都使用打字稿,我应该如何在 php 中进行?

我已经将 angular1 与 PHP 一起使用,它就像导入脚本文件一样简单。

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

关于 TypeScript 部分:

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

...请记住,TypeScript 是 JavaScript 的 超集 ,并且 transpiles 到 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 的文档,它们都有 plugins/bundlers 来做给你的。