AngularJS for WordPress

Description

AngularJS for WordPress was created to help anyone leverage the power of AngularJS and easily add it into their own theme.

AngularJS is a client-side template framework that lets you extend HTML vocabulary for your applications. It has a markup more similar to what HTML used to be. HTML its not a dynamic language by itself, with AngularJS it is.

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.

WordPress shortcodes for directives are also included to avoid any confusion with code

For even easier use for specific pages a new post meta box has been added. If selected the AngularJS directive will take over loading the content of the page client-side. This feature uses the post-content.html template.

View documentation for how to utilize the directives and shortcodes

Screenshots

  • In verison 0.2 a meta box on post and pages edit screen was added, choose yes to have the contenet of the page loaded with AngularJS automatically. A new custom template was also added (post-content.html)

Installation

  1. Download zipped archive of plugin
  2. Log into your WordPress dashboard and add the new plugin via upload
  3. Activate the plugin
  4. Make sure you have the JSON REST API v2 plugin also activated
  5. View documentation for how to utilize the directives

FAQ

Why use AngularJS?

AngularJS renders your posts client-side. WordPress is built on PHP, so every page a user visits is converted to HTML on the server, then served to the client. With ANgularJS you are only getting a JSON Object (text) from the server
then renderring that to HTML using the client’s machine. This will speed up your pages as well as allow for more concurrent visitors to your site as the strain on the server is reduced.

Reviews

Read all 1 review

Contributors & Developers

“AngularJS for WordPress” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

0.1

  • ng-posts and ng-post added
  • ng-post with cat id support added

0.2

  • shortcodes [ng-posts] and [ng-post] added
  • custom post & page meta box for display page content created
  • new custom template added for displaying content on a single post or page (post-content.html)

1.0

  • Updated to Angular 1.3.5
  • Fixed 404 issue with angular.min.js.map
  • Added in per-page for directives and shortcode for setting posts_per_page
  • Updated documentation website and readme

1.1

  • Added Taxonomy and post type to new post creation

1.2

1.2.1

  • Child Theme Support

1.2.2

2.0.1

  • Now works with JSON REST API v2 beta with v1 fallback

2.1

  • Adding in fix for AngularJS FireBase Chat Room plugin shortcode

3.0

  • ONLY SUPPORTS JSON REST API V2