如何将Angular 6应用程序与WordPress主题集成？

Question

I have already created a full project in WordPress but in that one section Alone I have developed in Angular 6 so now I have to integrate both.

Any hint or suggestion will be greatly appreciated it!!

Answer 1

Instead of serving two separate code bases consider making the Angular App your main theme for a fully integrated experience.

Using Xo for Angular you will be able to combine your existing theme with Angular and manage your Pages and Posts the same way you likely do now. Xo provides an API which makes it easy to interact with your WordPress content, routes for pages and posts are then served dynamically to your Angular App.

https://wordpress.org/plugins/xo-for-angular/

Check out the example theme at: https://github.com/WarriorRocker/angular-xo-material

Most pages will be mostly simple modules/components that can also utilize ACF fields if configured making custom options for a particular template a breeze.

This provides a working example of a WordPress theme written fully in Angular that uses selectable templates, dynamic routes.

Documentation (work in progress): https://angularxo.io/

Plugin github: https://github.com/WarriorRocker/angular-xo-core

Full disclosure I am the author of the above plugin and theme.

Let me know if you think this could work for you, thanks!