MEAN Stack and WordPress Marriage - 1

by John Tucker

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-sanitize.js"></script>
<div ng-controller="Controller as vm">
    <div ng-bind-html="vm.top"></div>
    <div ng-bind-html="vm.bottom"></div>
</div>

JavaScript

// app.module.js
(function() {
    angular
        .module('app', ['ngSanitize'])
        .controller('Controller', Controller);
    Controller.$inject = ['$http'];
    function Controller($http) {
        var vm = this;
        $http.get('http://local.wordpress.dev/wp-json/posts?filter[category_name]=home&filter[orderby]=ID&filter[order]=ASC')
            .success(function(data, status, headers, config) {
                vm.top = data[0].content;
                vm.bottom = data[1].content;
            })
            .error(function(data, status, headers, config) {
                console.log(status);
            });
    }
})();