Join Roy Sivan for an in-depth discussion in this video Using plugin to show ACF data on template, part of AngularJS and WordPress: Building a Single-Page Application.
- Previously, I showed you how to get custom data…or even add custom data to the JSON REST API response.…A popular Plugin is Advanced Custom Fields.…It is a great Plugin for easily creating post Meta Boxes…for any custom Post Type or one of the existing Post Types.…I've created a couple here: Name, Title, Image.…I've assigned it just to "Post."…By default, the WP-API does not get this data.…You'd have to add it in.…However, there's an awesome Plugin, which already exists…called "ACF to WP-API."…I'm including it in the exercise files since it's located…only on GitHub right now.…
Once installed, you can activate it…and it will add the ACF data to your Post object.…So, we're going to go ahead and just go to "Post" here…and click on one of these.…I'm going to add in some data:…"Name: Roy Sivan. WordPress Developer",…and add an image.…Perfect. Update.…I want that to show up on the listing page,…so I'm going to hit refresh here,…but I will see nothing has shown up.…I'm going to open up Sublime and go to our "List" template.…
In this course, Roy Sivan shows how to build a single-page web app with WordPress, AngularJS, and the WordPress REST API plugin. Roy also reviews creating controllers and routes to get a basic understanding of building a multiview single-page app. Plus, get some tips to transition your single-page app to a native mobile app with AppPresser.
- Setting up WordPress
- Creating the AngularJS components, including the controller and route
- Connecting WordPress and AngularJS
- Connecting views
- Adding and displaying custom data
- Using a plugin to show advanced custom field (ACF) data on the template