This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<article class="single-post post type-post status-publish format-standard has-post-thumbnail entry" | |
ng-controller="pageView"> | |
<header class="entry-header"> | |
<h2 class="entry-title">{{post.title.rendered}}</h2> | |
</header> | |
<img class="attachment-post-image size-post-image wp-post-image" ng-src="{{post.featured_image_src}}"/> | |
<div class="entry-content"> | |
<p ng-bind-html="post.content.rendered | to_trusted"></p> | |
</div> | |
<footer class="entry-footer"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.controller('pageView', ['$scope', '$http', '$stateParams', function ($scope, $http, $stateParams) { | |
console.log('pageView running'); | |
$http({ | |
url: 'https://n8finch.dev/wp-json/wp/v2/pages?filter[name]=' + $stateParams.slug, | |
cache: true | |
}).success(function (res) { | |
$scope.post = res[0]; | |
}); | |
}]) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div ng-controller="Posts" ng-repeat="post in posts"> | |
<article class="single-post post type-post status-publish format-standard has-post-thumbnail entry"> | |
<header class="entry-header"> | |
<h2 class="entry-title"><a href="/posts/{{post.slug}}/">{{post.title.rendered}}</a></h2> | |
<p class="entry-meta">Posted by {{post.author_name}} on {{post.date | date:'longDate'}}</p> | |
</header> | |
<img class="attachment-post-image size-post-image wp-post-image" ng-src="{{post.featured_image_src}}"/> | |
<div class="entry-content"> | |
<p ng-bind-html="post.excerpt.rendered | to_trusted"></p> | |
<p><a href="/posts/{{post.slug}}/">Read more...</a></p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<article class="single-post post type-post status-publish format-standard has-post-thumbnail entry" | |
ng-controller="singleView"> | |
<header class="entry-header"> | |
<h2 class="entry-title">{{post.title.rendered}}</h2> | |
<p class="entry-meta">Posted by {{post.author_name}} on {{post.date | date:'longDate'}}</p> | |
</header> | |
<img class="attachment-post-image size-post-image wp-post-image" ng-src="{{post.featured_image_src}}"/> | |
<div class="entry-content"> | |
<p ng-bind-html="post.content.rendered | to_trusted"></p> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.controller('singleView', ['$scope', '$http', '$stateParams', function ($scope, $http, $stateParams) { | |
console.log('singleview running'); | |
$http({ | |
url: 'https://n8finch.dev/wp-json/wp/v2/posts?filter[name]=' + $stateParams.slug, | |
cache: true | |
}).success(function (res) { | |
$scope.post = res[0]; | |
}); | |
}]); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//ROUTES | |
.config([ '$stateProvider', '$urlRouterProvider', '$locationProvider', function ($stateProvider, $urlRouterProvider, $locationProvider) { | |
$urlRouterProvider.otherwise('/'); | |
$stateProvider | |
.state('posts', { | |
url: '/', | |
controller: 'Posts', | |
templateUrl: ajaxInfo.template_directory + 'assets/templates/app-index.html' | |
}) | |
.state('single', { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
angular.module('myApp', ['ngResource', 'ui.router']) | |
//CONTROLLERS | |
.controller('Posts', ['$scope', '$http', function ($scope, $http) { | |
$http({ | |
url: 'https://n8finch.dev/wp-json/wp/v2/posts', | |
cache: true | |
}).success(function (res) { | |
$scope.posts = res; | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
genesis-angular-gulp | |
|__assets | |
|__js | |
|__app.js (our Angular app) | |
|__templates | |
|__app-index.html (our main list of posts from Part 2) | |
|__page.html (our page view for Pages) | |
|__single.html (our single view for individual Posts) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//*Add a controller in the Angular view to work with | |
add_action('genesis_loop', __NAMESPACE__ . '\do_ng_view_content'); | |
function do_ng_view_content() { | |
$output = '<div ng-controller="example">'. | |
'<div class="posts-list" ng-repeat="post in posts">'. | |
'<div class="single-post">'. | |
'<h2>{{post.title.rendered}}</h2>'. | |
'<p>Posted by {{post.author_name}} on {{post.date | date:\'longDate\'}}</p>'. | |
'<img ng-src="{{post.featured_image_src}}"/>'. | |
'<a href="{{post.slug}}">Read more...</a>'. |