如何在PHP应用程序中使用Angular 2？

我是一名PHP开发人员，我开始学习Angular2。但我不知道如何在PHP中使用它。是否可以使用Angular作为前端？我必须做什么？如何在没有安装Node.js的共享主机上使用它？如何在PHP应用程序中使用Angular 2？

来源

2016-08-02 mgh

Angular Js适用于在浏览器中运行并调用API的客户端（无论它们是在php，node还是任何其他服务器端语言中）。角度2应用的理念是将前端功能与后端API分离。 – noor

Angular.js只是一个前端JavaScript框架，它并不需要Node.js在任何其他框架上运行。 Angular js是一个独立的框架，适用于任何后端语言。你只需要用restful api输出json，并在角框架中使用细节。 –

@noor如果我在angularScript2的typescript中编写测试组件，如何呈现html页面？请添加一个例子。 – mgh

我的2美分很长一段时间的PHP开发者他一直在玩Angular2。

作为一名PHP开发人员，您期望让PHP呈现HTML页面并发送给客户端。 Angular2不会那样做。所有这些将在PHP中进行的处理，构建数据表，列表或其他现在是Angular的工作。

你现在要做的唯一事情就是发送JSON响应。其他人已经在上面说过了。

我假设，既然你问这个，你几乎没有任何经验Angular2工作。所以这里的交易：

了解如何在本地机器上使用节点和NPM。了解如何使用NPM来设置您的空的Angular2项目。在本地机器上播放和开发。

当你准备要加载的数据，PHP可以得到通过发送JSON数据下调至角使用前端参与。

当您准备好将Angular2应用程序联机到世界时，您有许多构建选项。你需要将你的代码从Typescript编译成Javascript。

我一直在使用Angular CLI工具。这让我只需运行“ng build”，就可以编译应用程序。

然后我可以将它生成的文件夹上传到我的apache服务器，它可以工作。 Angular CLI创建一个名为“dist”的文件夹，其中包含您的前端需要的所有内容。

一块蛋糕。

来源

2016-11-02 03:09:35 sitesbyjoe

非常感谢您的回答。我是一个很长时间的PHP开发人员，最近被告知我必须将我对Angular 2所做的所有事情都转换。我对此并不满意，但这是一份工作。除了[Angular]（https://angular.io/）上的教程之外，您的回答让我更加了解了PHP和Angular之间的关系。 – Cagey215

据我所知AngularJS是客户端Javascript框架。所以一般来说不需要'nodejs'。您只需要HTML中包含的AngularJS库文件，这些文件将由您的PHP代码生成。

我想你应该仔细看看AngularJS。

来源

2016-08-02 10:15:01 inzanez

澄清：AngularJS（1.X分支）和Angular2以前不是一回事。随着Angular2向前，你不再包含脚本标签。你的整个UI都依赖于它。 – sitesbyjoe

优选的是，您的网站将只是下载一个简单的index.html和一个名为app.js文件，它包含所有的JS，因此您的角度应用。

PHP会坐在一台服务器做一个API，它与JSON/XML应答到请求的工作，你的角度应用程序将使用的JSON构建Web界面。

你可以让PHP托管的任何地方，并从另一个地方为你的角度应用程序，甚至认为它是不建议，因为潜伏期

<html> 
 
    <script src="app.js"> 
 
</html>

来源

2016-08-02 10:18:30 Borjante

我应该导出角度app.js吗？ – mgh

出口是什么意思？如果你构建一个角度应用程序，最终你会将所有的JS代码捆绑到一个文件中，通常是app.js – Borjante

这是我的问题！我有一个角度的JS应用程序，如何做到这一点？ – mgh

以上[sitesbyjoe]最佳答案是真棒。只是细节步骤，

打开CMD

1）CD的项目文件夹

2）NG建立

3）DIST文件夹复制到Apache/htdocs中/ [测距/或你的 - 项目名称]

4) Important: open the index.html file, find <base href="/"> 
change it to <base href="/your-project-name/"> 
Without doing this, js file will not be load correctly.

5）http://localhost:80/your-project-name/index.html

它的工作原理。

来源

2017-12-13 17:32:25 hoogw

如何在PHP应用程序中使用Angular 2？

回答

相关问题