See this in action at: http://king.rocks/
This is the Angular 6 + Wordpress integrated theme that I created for my personal website. The theme includes resolvers and a service (with basic data store and caching) to interact with the Wordpress REST API. Also included is a small Angular library, eval-component, that can generate dynamic components on the fly from any template string. This allows Angular templates to be written directly in Wordpress, without having to be hard coded and compiled. As far as I know there are NO existing Angular + Wordpress solutions like this!
The Wordpress side is spartan, purely to fit my needs, and includes a couple custom REST hooks to handle things like email and contact forms.
Required Plugins:
https://wordpress.org/plugins/jwt-authentication-for-wp-rest-api/
https://wordpress.org/plugins/better-rest-api-featured-images/
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build. The dist/king-angular
folder is the full theme build including PHP files. index.html
needs to be updated after builds with the links to the CSS and script files being populated with the proper path, such as: wp-content/themes/king-angular/script.[hash].js
.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.