MEAN Stack and WordPress Marriage - 3

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><img ng-src="{{ vm.image }}" /></div>
    <div>{{ vm.text }}</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/73')
            .success(function(data, status, headers, config) {
                vm.image = data.meta.image; 
                console.log(vm.image);
                vm.text = data.meta.text;
            })
            .error(function(data, status, headers, config) {
                console.log(status);
            });
    }
})();