Jekyll-Angular

A Jekyll plugin to make AngularJS play nice.

Unfortunately, Jekyll and Angular don't usually work well together...

<div ng-controller="foo">
  <p>{{ bar }}</p>
</div>

Gets turned into:

<div ng-controller="foo">
  <p></p>
</div>

Why? Because Jekyll interperets {{ brackets }} as Liquid. How do we fix this? This plugin.

Install the gem.

# Gemfile

gem 'jekyll-angular'

$ bundle install

Add the plugin to your config.

# _config.yml
plugins:
  - jekyll-angular

Use the plugin for cool Angular stuff.

<div ng-controller="foo">
  <p>{{ 'bar' | angular }}</p>
</div>

Gets processed into...

<div ng-controller="foo">
  <p>{{ bar }}</p>
</div>