Jekyll + AngularJS

Quero utilizar Jekyll com AngularJS!

Surgiu a idéia de utilizar Jekyll e AngularJS, então resolvi pesquisar se havia alguma maneira de trabalhar com eles juntos… Pois bem, existe! Portanto irei compartilhar como fazer isto neste humilde blog — Sim, é meu primeiro post \o/
O desafio problema é que ambos utilizam as {{ chaves }} em suas sintaxes, neste caso o Jekyll terá preferência.

Solução

Para resolver o ‘conflito’, você deverá implementar o $interpolateProvider (AngularJS) e trocar o uso das chaves por outros caracteres, por exemplo [[jekyllAngular.colchetes]] — Veja a seguir.

var myAngularApp = angular.module('myAngularApp', [], function() {});

myAngularApp.config(function($interpolateProvider) {
	$interpolateProvider.startSymbol('[[');
	$interpolateProvider.endSymbol(']]');
});

myAngularApp.controller('MyCtrl', MyCtrl);

MyCtrl.$inject = ['$scope'];

function MyCtrl($scope) {
	$scope.name = 'Weslei Freitas';
}

Teste:

<div>
    Meu nome é: [[jekyllAngular.example]], muito prazer! // Meu nome é: Weslei Freitas, muito prazer!
</div>

That´s all folks!