AngularJS and WordPress doesn’t that seem like a match made in heaven! A open-source web application framework marriage? haha, well even if you love or hate WordPress you have to admit its become very popular over the years and with the emergence of Angular 2 we might see some sparks fly in this arena. Anyways I’ve been interested lately in how I can integrate Angularjs into WordPress plugins to create awesome web pages possibly retrieved from static or dynamic JSON resources provided by the WordPress PHP back-end.
With Angular 2 creating a lot of buzz recently we might start to see more WordPress themes coded in AngularJS. To assist with this AngularJS can provide very powerful custom directives which can be coded to work with WordPress built-in functions – useful for things like search, navigation, pagination and category pages. There are a few examples below of wordpress plugins which you can inspect the codebase to see how its done and maybe create your own ng-wordpress-plugin.
1. Taxonomy & Metadata Searching Plugin – Angular JS / WordPress
We are proud to introduce the Taxonomy & Metadata Searching plugin built with Angular JS – This taxonomy plugin offers a wide variety of options with all the necessary features required for you to instantly filter the data within a click.
2. SupportEzzy Ticket System – AngularJS WordPress Plugin
SupportEzzy is an elegant support tickets system and faqs portal for WordPress. This is a stand-alone AngularJS app which runs on a single WordPress page of your website. This app does not interfere with your existing theme and plugins and will work with any kind of WordPress website.
3. AngularJS for WordPress
AngularJS for WordPress allows you to easily leverage the power of AngularJS and put it into your theme. AngularJS for WordPress includes several directives (html elements) that will help you easily add in a block for a single post/page or a list. More directives will be added in.
4. AJS Instagram Feed
AJS(AngularJS) Instagram Feed displays impressive & responsive photos from instagram using AngularJS. This plugin will display photos from any non private instagram accounts to your website using AngularJS.
5. Frontend Post Edit Using AngularJS
This plugin is intented for Developers only it’s a effort to implement a simple custom front end post edit form using angularJS.
Other related useful links for coding wordpress plugins with AngularJS:
- My Tutorials On Building Themes With AngularJS and WP REST API: